Generador de Colores Triádicos
Genera un esquema de colores triádico equilibrado a partir de cualquier color base.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
Base
#3b82f6
+120°
#f63b82
+240°
#82f63b
Qué hace esta herramienta
Genera un esquema de colores triádico — tres colores separados 120° 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 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 #f63b82 a +120° (un rosa/rojo) y #82f63b a +240° (un verde) — tres tonos distribuidos uniformemente alrededor de la rueda, compartiendo la misma saturación y luminosidad que el color base.
Fórmula
Cada color de acento se genera en el espacio HSL: el tono se rota +120° y +240° respecto al tono base, dando la vuelta a los 360°, 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é funcionan los esquemas triádicos
Distribuir tres tonos uniformemente alrededor de la rueda de color garantiza un fuerte contraste visual entre ellos sin que dos colores queden tan cerca como para chocar o mezclarse. Es un contraste más fuerte que un esquema complementario (de dos colores), por lo que muchos diseñadores usan uno de los tres como color dominante y los otros dos como acentos menores en lugar de dar el mismo peso visual a los tres.
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 produce un resultado técnicamente válido pero no siempre visualmente agradable para colores base de muy baja saturación o muy oscuros/claros, donde el tono se vuelve perceptualmente menos significativo.
Alcance, fuentes y privacidad
La teoría del color triádico 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 triádico?
- Tres colores distribuidos uniformemente en la rueda de color, a 120° entre sí — ofrece un fuerte contraste visual mientras se mantiene equilibrado.
- ¿Es el triádico más vibrante que el complementario?
- Puede serlo, ya que usa tres tonos en lugar de dos — muchos diseñadores eligen un color dominante y usan los otros dos como acentos para no saturar el diseño.
- ¿Cuántos colores genera esto?
- Tres, incluyendo tu color base más otros dos a +120° y +240°.