Generador de esquemas de colores análogos

Qué hace esta herramienta

Genera un esquema de colores análogos a partir de un color base. Los colores análogos son aquellos que se encuentran a ambos lados del color base en la rueda cromática, separados por un ángulo determinado.

Ejemplo práctico

Si eliges el color base #3B82F6 (azul) y un ángulo de 30 grados, obtendrás:

• Color análogo izquierdo: #3CE0F6
• Color base: #3B82F6
• Color análogo derecho: #523CF6

Si aumentas el ángulo a 90 grados, los colores resultantes son #3CF652, #3B82F6 y #F63CE0.

Cómo funciona el cálculo

La herramienta convierte el color base a HSL, mantiene la saturación y luminosidad redondeadas, y desplaza el tono (hue) sumando o restando el ángulo elegido. El color central se conserva exactamente igual al color base seleccionado.

Limitaciones

Esta herramienta no calcula contraste de accesibilidad ni simula daltonismo. Los colores análogos no garantizan un contraste suficiente para texto, así que verifica la legibilidad de tus combinaciones por separado.

Preguntas frecuentes

¿Puedo editar un color resultante sin que afecte a los demás?

Sí, al editar un color en los paneles avanzados solo cambia ese color, no se recalculan los otros dos.

¿Qué valores de ángulo puedo usar?

El ángulo puede ajustarse entre 1 y 90 grados. El valor por defecto es 30 grados.

¿El color base se mantiene exactamente igual en el resultado?

Sí, el color central es idéntico al color base que hayas elegido, sin redondeos.

Lista de verificación

• Elegí un color base adecuado.
• Ajusté el ángulo de separación.
• Generé el esquema y revisé los tres colores.
• Verifiqué el contraste de los colores en mi diseño.