Generador de Color Complementario

Crea una paleta de dos muestras con un color HEX base y su complementario HSL. El segundo conserva la saturación y luminosidad convertidas mientras gira el tono 180 grados en la rueda de color.

Elige un color o introduce un valor HEX de tres o seis dígitos, con o sin #. La herramienta normaliza la base a seis dígitos en minúsculas y permite copiar cada muestra por separado.

El valor predeterminado #3b82f6 se convierte de RGB a HSL, su tono se desplaza 180° y el resultado vuelve a RGB y HEX. Puede haber pequeñas diferencias de canal por el redondeo final de RGB.

Tono complementario = tono base + 180° módulo 360. Se mantienen la saturación y luminosidad HSL. En los grises la saturación es cero y el tono no produce un cambio visible, por lo que el complemento conserva el mismo gris.

Los tonos HSL opuestos no garantizan una relación de contraste WCAG concreta ni igual brillo percibido. No se modelan transparencia, perfiles de color, gamut de impresión, diferencias de visión cromática ni colores circundantes.

Utiliza el par como punto de partida, pruébalo en su contexto real y comprueba el contraste del texto aparte. La conversión se ejecuta localmente y no sube los colores introducidos.