Herramientas
Armonías de color
Generador de armonías de color
Genera combinaciones complementarias, análogas o triádicas a partir de un color base.
Sobre esta herramienta
Con esta herramienta partes de un solo color y obtienes los que combinan con él según la teoría del color: su complementario, sus análogos, una tríada, un cuadrado, una armonía monocromática y otras combinaciones menos habituales como la pentádica o la basada en la proporción áurea. Es útil para escoger el color de acento de una marca, completar la paleta de una web o encontrar el contraste justo para un botón o un gráfico.
Elige el color base con el selector o escribe su código HEX. Después pulsa una de las 12 armonías: la rueda muestra dónde cae cada color y la tabla da sus códigos con el giro de tono respecto a la base (+180°, +120°…). Haz clic en cualquier muestra para copiarla, o copia todos los colores a la vez o como variables CSS. Abajo, «Todas las armonías» te deja comparar las 12 de un vistazo.
Los cálculos se hacen en tu navegador, sin enviar datos a ningún sitio. Los colores se generan en el espacio OKLCH: se mantienen la luminosidad y la saturación del color base y solo se gira el tono, lo que da combinaciones más equilibradas a la vista que la rueda HSL clásica. Algunos colores muy saturados pueden quedar fuera de la gama sRGB y se ajustan al más cercano, así que conviene revisarlos.
Preguntas frecuentes
¿Cuál es el color complementario de un color?
Es el que está justo enfrente en la rueda de color, a 180° de giro de tono. Escribe tu color, elige «Complementaria» y tendrás su código listo para copiar.
¿Qué diferencia hay entre colores análogos y complementarios?
Los análogos son vecinos en la rueda (aquí, a ±30°) y crean combinaciones suaves; los complementarios son opuestos y dan el máximo contraste. Una mezcla habitual es usar análogos para la base y un complementario como acento, que es lo que hace «Análoga con acento».
¿Por qué el complementario no coincide con el de otras herramientas?
Muchas herramientas giran el tono en HSL; aquí se hace en OKLCH, que se ajusta mejor a cómo percibimos el color. Por eso el resultado puede variar un poco, aunque ambos son correctos en su modelo.
¿Qué es una armonía triádica?
Son tres colores repartidos a la misma distancia en la rueda, separados 120°. Da combinaciones vivas y equilibradas; suele funcionar mejor si uno de los tres domina y los otros dos acompañan.