Hello Sir,
--> I have checked your requirements in the 3 images.
--> Your requirement are quite clear.
--> I will deliver this project as a plugin which will show the color filter on the product overview page side bar, showing color swatches under the products which have their color attributes set. The plugin will display the selected color variation instantly
--> The color filter will work as you described in image 3.
Note: I have worked on lots of woocommerce customisation and have created several plugins for woocommerce. You can check the projects I have done on woocommerce to get an idea of my caliblere. Most of them have been done recently.
Regard,