Color and Size options are called variants of a product. A single product may be available in several different colors and sizes and you may want to display a single product where the customer has the option to choose a color or size variant.
By default variants are displayed as a drop down list:

You also have the option of displaying variants as a matrix:

Please read this article on setting up variants / variant matrix for detailed information on how to setup color, size and different variant options.