Paleta de colores complementarios
Elija un color base: su complementario (opuesto a 180° en el círculo cromático) se calcula automáticamente, con tonos claros y oscuros de ambos matices. Procesamiento 100% local en su navegador: no se envía nada a ningún servidor.
Cómo funciona
En el círculo cromático, el color complementario es el que se sitúa exactamente en el extremo opuesto del color base (180° de diferencia de matiz). Combinados, estos dos matices crean un fuerte contraste visual, muy utilizado en diseño para resaltar un botón de acción, un logotipo o un elemento clave sobre un fondo del color opuesto. Esta herramienta calcula el complementario exacto y luego genera para cada matiz una versión más oscura y otra más clara, de modo que obtiene directamente una minipaleta lista para usar.
¿Por qué usar una paleta complementaria en lugar de una de matices cercanos?
Una paleta de matices cercanos (análogos) transmite un ambiente armonioso y discreto, mientras que una paleta complementaria crea a propósito tensión visual y capta la atención. Es ideal para un botón de llamada a la acción, una insignia de notificación o cualquier elemento que deba destacar claramente del resto de la interfaz.
¿Cómo se usan los tonos claros y oscuros generados?
Los tonos oscuros funcionan bien para textos o para los estados «hover» y «activo», mientras que los tonos claros son útiles para fondos de sección, estados desactivados o insignias discretas, manteniéndose dentro de la misma familia de matiz que el color principal o su complementario.
Todo el cálculo cromático (conversión HEX/HSL, rotación de matiz) se ejecuta localmente en JavaScript, directamente en su navegador.