Rueda de colores interactiva
Elige un color base y obtén esquemas complementarios, análogos, triádicos, tetrádicos y complementarios divididos.
Color base
#FF3D72
Complementario
Análogo
Tríada
Tétrada
Complementario dividido
Cómo usarlo: Rueda de colores
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
Qué es una rueda de colores
La rueda de colores te ayuda a crear paletas armoniosas. Ordena los tonos en un círculo, de modo que las relaciones entre colores se pueden describir con ángulos: el complementario está justo enfrente, a 180°; los análogos son vecinos a 30°; un esquema triádico usa tres tonos separados 120°; uno tetrádico, cuatro tonos a 90°; y el complementario dividido combina un color con los dos tonos que rodean a su complementario.
Elige un color base en el cuadro de color o escribe su código HEX, y los cinco esquemas se actualizan al instante. La herramienta solo gira el tono y mantiene la saturación y la luminosidad de tu color base, así que todas las muestras tienen la misma intensidad. Haz clic en cualquier muestra para copiar su código HEX o pasa el cursor por encima para ver el valor RGB. Para un diseño equilibrado, usa un color como principal y los demás como acentos.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.