¿Qué armonía es más segura para una paleta de gráfico?

Triádico o split-complementario — tres o más tonos bien espaciados que se mantienen distinguibles para la mayoría de espectadores. Evita el complementario puro (solo dos colores) para algo más que un par de acento.

¿Por qué el monocromático da cinco colores?

El monocromático es una escala de luminosidad, no una rotación de tono. Cinco pasos (−30%, −15%, base, +15%, +30%) es el compromiso común — suficiente variación sin perder el color base.

Generador de Armonía de Colores

Color

Rota los tonos alrededor de la rueda de colores HSL para producir las siete paletas que pintores y diseñadores UI alcanzan. Suelta un hex, obtén tonos coincidentes — útil cuando tienes un color de marca y necesitas una paleta de gráfico, un acento para un CTA, o una franja análoga tranquila para fondos. La matemática se queda en HSL así que cada armonía preserva la misma saturación y luminosidad que tu base, excepto el monocromático que deliberadamente cambia la luminosidad arriba y abajo.

—

Color base

Armonía

Tono: 217°Sat: 91%Lum: 60%

Muestras

#3B82F6

#F6AF3B

La rotación de tono se hace en HSL, que es rápida pero perceptualmente desigual. Para paletas perceptuales prueba el selector OKLCH.

Cómo usar

Pega tu hex de marca o ancla en el campo base (o usa el selector de color).
Elige la armonía que se ajuste al caso de uso — análogo para fondos tranquilos, triádico para contraste vívido.
Copia códigos hex individuales o la lista completa separada por comas.

Preguntas frecuentes

¿Qué armonía es más segura para una paleta de gráfico?: Triádico o split-complementario — tres o más tonos bien espaciados que se mantienen distinguibles para la mayoría de espectadores. Evita el complementario puro (solo dos colores) para algo más que un par de acento.
¿Por qué el monocromático da cinco colores?: El monocromático es una escala de luminosidad, no una rotación de tono. Cinco pasos (−30%, −15%, base, +15%, +30%) es el compromiso común — suficiente variación sin perder el color base.