Generador de armonías de color — complementario, tríada y más
Elige un color base para generar al instante paletas complementarias, análogas, tríadas, tétradas, complementarias divididas y monocromáticas con HEX copiables.
🔒 Funciona por completo en tu navegador. Tu entrada y salida no se envían a ningún servidor ni se guardan: totalmente privado.
💡 Haz clic en cualquier muestra para copiar su HEX.
Acerca de esta herramienta
Este generador de armonías de color parte de un solo color base y construye paletas a juego según las relaciones de la rueda cromática: complementaria, análoga, tríada, tétrada, complementaria dividida y monocromática. Elige o escribe un color y todos los esquemas aparecen a la vez, cada muestra con un código HEX que puedes copiar con un clic. Es una forma rápida de convertir un único color de marca o de acento en una paleta equilibrada y lista para usar, y todo se ejecuta en tu navegador.
Preguntas frecuentes
¿Cuál es la diferencia entre colores complementarios, análogos y tríadas?
Los colores complementarios están enfrentados en la rueda y crean un contraste fuerte; los análogos son vecinos y resultan tranquilos y cohesionados; y las tríadas son tres tonos equidistantes que se mantienen vivos pero equilibrados. La complementaria dividida, la tétrada y la monocromática ofrecen, respectivamente, un contraste más suave, esquemas de cuatro colores más ricos y variaciones de un solo tono.
¿Qué armonía debería elegir para mi proyecto?
Para un acento llamativo y con gancho, la complementaria o la complementaria dividida funcionan bien; para un aspecto relajado y unificado, recurre a la análoga o la monocromática. La tríada y la tétrada encajan en diseños desenfadados que necesitan varios colores distintos: conviene generar unas cuantas y probarlas con tu contenido.
¿Cómo se calculan los colores de la armonía?
La herramienta convierte tu color base en su tono dentro de la rueda cromática y gira ese tono en ángulos fijos —por ejemplo, 180 grados para un complementario o tres pasos de 120 grados para una tríada—, manteniendo constantes la saturación y la luminosidad. Como el cálculo se realiza en tu navegador, las paletas aparecen al instante y nada de lo que introduces se envía a un servidor.