Ah, thank you for that explanation - that makes perfect sense!
The different color options do not affect the price.
Is there a way to add the color selector to the products listing along with the Add to Cart button? In other words, can I duplicate the color selection, quantity selection, and add to cart from the product page and put them on the products listing? That would solve the problem of having to select a color before adding an item to the cart, AND would let me have the Add to Cart button on the products listing.
Please see the attached image - this is the color selector, quantity selector, and add to cart button from the product page. Is there a way to grab this bit of code and somehow insert it into the products listing?