Generador de Colores Análogos
Genera un esquema de colores análogos armonioso a partir de cualquier color base.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
-30°
#3bdff6
Base
#3b82f6
+30°
#513bf6
Qué hace esta herramienta
Genera un esquema de colores análogos — tres colores situados a 30° en la rueda de color — a partir de cualquier color base que introduzcas, usando rotación de tono en HSL mientras mantiene constantes la saturación y la luminosidad.
Cómo utilizarla
Elige un color base con la muestra de color o escribe un código hex directamente. Las tres muestras — etiquetadas −30°, Base y +30° — se actualizan al instante; haz clic en el icono de copiar de cualquier muestra para copiar su valor hex.
Ejemplo resuelto
El color base predeterminado #3b82f6 (un azul con tono ≈217°, saturación ≈91%, luminosidad ≈60%) produce #3bdff6 a −30° (un cian) y #513bf6 a +30° (un morado) — tres tonos vecinos que comparten la saturación y luminosidad del color base.
Fórmula
Cada color vecino se genera en el espacio HSL: el tono se desplaza −30° y +30° respecto al tono base, mientras que la saturación y la luminosidad permanecen exactamente iguales que las del color base. El resultado se convierte de nuevo a hex para mostrarlo y copiarlo.
Por qué los esquemas análogos resultan armoniosos
Los colores situados a unos 30° entre sí en la rueda de color comparten suficiente similitud de tono como para leerse como relacionados de forma natural en lugar de chocar, por lo que las paletas análogas son comunes en la naturaleza — cielos de atardecer, hojas de otoño — y en diseños que buscan un ambiente cohesionado y de bajo contraste en lugar de la fuerte tensión de un esquema complementario o triádico.
Limitaciones
Esta herramienta genera colores solo mediante rotación pura de tono — no comprueba las ratios de contraste para la accesibilidad del texto (WCAG), no sugiere cuál de los tres debería ser el dominante, y el paso de ±30° es fijo en lugar de ajustable, así que no puedes ampliar ni reducir la separación entre tonos.
Alcance, fuentes y privacidad
La teoría del color análogo es un modelo estándar de armonía cromática usado en la enseñanza y la práctica del diseño. Los colores se calculan enteramente en tu navegador mediante matemáticas de conversión RGB/HSL; el color que introduces nunca se sube.
Preguntas Frecuentes
- ¿Qué es un esquema de colores análogos?
- Colores situados uno junto a otro en la rueda de color, normalmente dentro de 30° de tono — se ven naturalmente armoniosos juntos.
- ¿Dónde se usan habitualmente los esquemas análogos?
- Funcionan bien para fondos, degradados y diseños que necesitan una sensación cohesionada y de bajo contraste — piensa en atardeceres o paletas inspiradas en la naturaleza.
- ¿Cuántos colores genera esto?
- Tres — tu color base más uno a 30° a cada lado en la rueda de color.