Hola a todos,hoy en mi secundaria nos pidieron (como prueba final)hacer un círculo cromático usando css.La verdad no tengo ni idea de como poder hacer esto y ya probé de todo.  

Les agradecería mucho pero mucho si me dan una ayuda.


Gracias de antemano.

Yo también tuve una tarea similar, el objetivo del profesor era aclarar el tema de los colores RGB, CMY y las relaciones entre ellas como son: colores complementarios u opuestos:

<div class="croma"></div>
 
<style>
  .croma {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(red, yellow, green, cyan, blue, magenta, red);
  }
</style>

- Como se puede apreciar, se ven claramente los colores RGB (Red, Green y Blue | Rojo, Verde y Azul), también se ven claramente en medio de estos los colores CMY (Cyan, Magenta y Yellow | Cian, Magenta y Amarillo)

- Además se pueden ver claramente los colores complementarios u opuestos, por ejemplo el opuesto a Rojo es Cyan, esto implicaría que aumentar la cantidad de Rojo disminuiría la cantidad de Cyan y viceversa. Esto es útil cuando se trabaja con retoque fotográfico a imágenes que tengan mucho o poco de un color.

Hay otros modelos y formas de representar el círculo cromático, dependerá de como lo quiera ver tu profesor.