Triadic Color Tool

La Triadic Color Tool genera tres colores en una relación triádica a partir de un color base único, permitiendo a diseñadores y desarrolladores construir paletas vivas pero equilibradas rápidamente. Está dirigido a diseñadores de UI, equipos de marca e ingenieros frontend que necesitan tokens de color reutilizables con valores precisos. Las salidas incluyen HEX, RGB y HSL para apoyar flujos de CSS y software de diseño, con comprobaciones de accesibilidad opcionales.

Conceptualmente, la herramienta convierte el color base a un espacio de color perceptual, rota el tono en ±120 grados y ajusta si es necesario la saturación o la luminosidad. Los tres tonos resultantes se normalizan a valores válidos y se devuelven con sus tripletes RGB y HSL correspondientes. Este enfoque garantiza que los colores estén equidistantes en la rueda de color, ofreciendo una mayor armonía percibida que las selecciones arbitrarias.

Las entradas requeridas son el color base en HEX y ajustes opcionales como cambios de saturación. La herramienta valida el formato de color y reporta errores si la entrada es inválida. Puede estimar el contraste frente a un color de primer plano o un fondo elegido para mejorar la legibilidad en contextos UI. La salida está lista para sistemas de diseño, variables CSS, tokens para Figma/Sketch y activos de código, reduciendo idas y vueltas y manteniendo valores de color coherentes en todas las plataformas.