Generador de Armonía de Colores

Complementario (el color opuesto, a 180°), análogo (vecinos, ±30°), tríada (tres colores a 120°), complementario dividido (a 150° y 210°) y tetrádico (cuatro colores a 90°). Todos se calculan girando el matiz del color base en el espacio HSL.

Porque aquí se usa la rueda HSL (la de las pantallas), donde el opuesto del rojo es el cian. La rueda artística tradicional (rojo, amarillo, azul) da el verde. Ambas son válidas, pero para diseño en pantalla la rueda HSL es la que corresponde a cómo se mezclan los colores en digital.

Elige un color dominante (en torno al 60 %), uno secundario (30 %) y uno de acento (10 %) de la paleta generada. Usar los cinco con el mismo peso suele resultar recargado: la armonía está en la proporción.

Análogo si buscas calma y coherencia, complementario si necesitas un acento que destaque (un botón sobre un fondo), y tríada o tetrádico si quieres variedad, con cuidado de no saturar. Para texto, comprueba siempre el contraste.

No. La armonía de matices no dice nada de la luminosidad, así que dos colores perfectamente armónicos pueden ser ilegibles juntos como texto y fondo. Comprueba cada combinación con el Verificador de contraste.

Un color HEX de seis dígitos o el selector visual. Cada color de la paleta se muestra con su código hexadecimal listo para copiar a tu CSS o a tu herramienta de diseño.