woocommerce pick a custom colour and show product part with that colour

hello we manufacture droppers which consists of rubber teats, plastic collars and glass pipettes. we manufacture in black/white colour combinations. now we want to extend lur products so client would be able to pick a custom colour of teats and collars, and send order on woocommerce. I know how to set colour pick. But I want clients to see the product photo with chisen colour. For example if client set teat colour #FF5733 and collar colour #C39BD3, I want the client to see dropper with selected colour of teat and collar.