If you are adding simple product options to the product (as opposed to Product Variations) you can add image swatches to each option that can appear in the product detail page.
Product with simple product options added along with an image swatch for each colour.
Via the DISPLAY OPTION dropdown on the Product Options - Selection Layout area, you can set different layouts for the swatches - some examples below:
When the Default option (or Multiple Swatches - Click Select) is chosen the swatches will show automatically.
Display options set to Multiple Swatches (Circle Cropped - Click Select)
If you set to Multiple Dropdowns, the swatches are disabled.
You can choose to have your product swatches appear on the Category List page.
Check the Show Colour Swatches In List checkbox
in the E-COMMERCE > DISPLAY OPTIONS > Main/Category List Product Item Display Options area.