The Color Swatches add-on helps users visualize different colors and fabrics by displaying them as clickable swatches on the storefront's product page. It’s very convenient for customers to perceive the whole color range when they can see these options. And it’s a much better experience rather than a tiresome reading of all options' names, especially when there is plenty of them.
The add-on is built to be used in conjunction with the product attributes and product variants' features. Use color swatches when you set product attributes, and these options will be displayed as swatches. If you build variants based on the attributes and add an image for every variant, then when a customer selects a color, the product image will change to show the selected color's product.
Product details without color swatches
Product details with color swatches