David Garcia - Cambio de color en imagen de producto Woocommerce con programación

A partir del atributo "color", creado para obtener variaciones del producto, la imagen png (ver ejemplo adjunto) debe cambiar de negro al color seleccionado (rojo, amarillo, verde, etc.) Asímismo el fondo también debe poder ser modificado desde el frontend, aunque solo para ver el efecto en pantalla, el color del fondo no da lugar a variaciones de producto.
La programación (CSS y/o Javascript) se debe implementar facilmente en el sitio Wordpress.