How to show available colors on category page?

How can i show all the available colors at the product column in the category page? Like the screenshot below:


In addition to the question above, i want to show on the category page only the ‚main product‘, not a single variant but i can’t find how to do that. please see screenshot below.

Like Magento 2, you show the configurable product on the category page with available colors in swatches and when you filter on a specific color, you will see the main variant.