How can I show color options from a drop down menu of a product as buttons?

I would like to make changes to the product block by changing the select color option from the drop down menu circled in blue to circular button options for each color in the 'button color options.png'. I would also like to have the buttons placed in the area circled in red. How can I do this?

You can try this plugin.