Inicio / Herramientas de Color / Generador de esquema de colores triádico
Herramientas online gratis

Generador de esquema de colores triádico

Crea una paleta triádica de tres colores equidistantes a partir de un color base. Introduce HEX, RGB, HSV o HSL y obtén los tres tonos al instante. El proces…

Empezar a usar

Qué hace esta herramienta

El generador de colores triádicos produce una paleta de tres colores equidistantes en el círculo cromático (0°, 120°, 240°). Es útil para explorar familias de acentos complementarios, pero no garantiza contraste accesible ni equilibrio visual.

Ejemplo práctico

Si introduce el color base #FF0000 (rojo), la herramienta genera los colores #FF0000, #00FF00 (verde) y #0000FF (azul), en ese orden. El color base se mantiene exacto; los otros se calculan con redondeo a valores enteros de saturación y luminosidad.

Parámetros y limitaciones

No hay selector de ángulo ni de número de colores: siempre son tres tonos fijos. La separación es de 120 grados, no de 150/210 (que sería un esquema complementario dividido). La igualdad de separación no implica igual brillo percibido ni contraste de texto adecuado. Evalúe cada par texto/fondo por separado.

Edición manual

Los paneles generados son editables. Si cambia un color manualmente, solo se actualiza ese campo; los otros dos no se recalculan, por lo que la relación triádica puede romperse.

Preguntas frecuentes

¿Puedo elegir el ángulo de separación?

No, la herramienta usa siempre 120 grados entre cada color. No hay control para cambiar el ángulo o el número de colores.

¿Por qué los colores generados no coinciden exactamente con mi color base?

El color base se mantiene exacto, pero los colores rotados se redondean a valores enteros de saturación y luminosidad, lo que puede causar pequeñas diferencias.

¿Puedo usar esta paleta para asegurar contraste accesible?

No, la herramienta no calcula contraste ni accesibilidad. Debe verificar cada combinación de texto y fondo con una herramienta de contraste.

Lista de verificación

  • Elija un color base con los controles avanzados.
  • Calcule la paleta triádica.
  • Revise los tres colores generados.
  • Edite manualmente si es necesario, teniendo en cuenta que puede romper la armonía.
  • Evalúe el contraste de texto/fondo por separado.

El procesamiento se realiza localmente en tu navegador.