¿Qué es Analizador de Armonía de Color?

El Analizador de Armonía de Color comprueba si tus colores combinan bien según la teoría del color. Detecta el tipo de armonía (complementaria, análoga, triádica y más), puntúa la compatibilidad y ofrece consejos para mejorar la paleta.

El analizador convierte cada hex a HSL y mide las distancias de matiz en la rueda de color para detectar relaciones complementarias, análogas, triádicas, complementarias divididas, tetrádicas o monocromáticas. También revisa la dispersión de saturación y luminosidad, da una puntuación de 0 a 100 y propone ajustes como oscurecer para mejorar el contraste o equilibrar la saturación, según lo que esté desajustado.

Cómo usar

1. Agrega dos o más colores introduciendo códigos hexadecimales o usando el selector de color.
2. Consulta el análisis de armonía para ver el tipo de relación detectada y la puntuación de compatibilidad.
3. Revisa las sugerencias y luego exporta tu paleta refinada.

Cuándo usar

• Validar una paleta de marca de tres colores antes de fijar tokens de estilo.
• Elegir entre dos paletas candidatas sacadas de un moodboard.
• Auditar la paleta de un gráfico cuando cada serie necesita un tono distinto.

Resultado

Un diseñador de marca introduce sus tres colores corporativos (#2D5F8B, #F4A623, #E8E1D5) y descubre que forman una armonía complementaria dividida con una puntuación de compatibilidad del 87%, con la sugerencia de calentar ligeramente el azul.

Preguntas frecuentes

¿Qué mide realmente la puntuación de armonía?

Combina lo bien que los ángulos de matiz encajan con una relación conocida (complementaria a 180°, análoga dentro de 60°, etc.), el equilibrio de saturación y luminosidad y si hay contraste suficiente. 70 o más se sostiene; menos de 50 suele necesitar retoques.

¿Por qué llama «personalizada» a mi paleta de tres colores en vez de triádica?

La triádica pura tiene los tres matices a 120°. Si los tuyos están, por decir algo, a 80° y 200°, los ángulos no encajan con el patrón de manual, así que la marca como personalizada y aún así puntúa según saturación, luminosidad y contraste.

¿Debería apuntar siempre a 100 puntos de armonía?

No siempre. La nota máxima significa paleta de libro, ideal para gráficos y dashboards. Las paletas de marca suelen quedar entre 70 y 85; un poco de tensión las hace memorables. Usa la puntuación como guía, no como meta.

¿Cuántos colores aguanta el analizador?

En la práctica de dos a siete. Dos es el mínimo para detectar relaciones; pasados los siete, los tipos de armonía dejan de ser útiles y casi todo cae en personalizada. Para visualizaciones con más colores, céntrate en el equilibrio de luminosidad y saturación.

¿Puedo exportar la paleta para usarla en código o herramientas de diseño?

Sí. El botón de descarga guarda los códigos hex y también puedes copiarlos todos de un clic. Pégalos directamente en los estilos de color de Figma, en variables CSS o en un archivo JSON de tokens de un sistema de diseño.

Herramientas relacionadas