Generador de colores complementarios
Calculá un par complementario HSL, ajustá los colores y copiá el resultado. Revisá aparte el contraste del texto.
Empezar a usar
Cálculo y límites
El RGB base se conserva como HEX en mayúsculas. Para el segundo color se redondean a enteros el tono, la saturación y la luminosidad HSL; se suman 180° al tono redondeado y se convierte a RGB. El ángulo es fijo. No equivale a invertir los canales RGB mediante 255 menos su valor.
#FF0000 produce #FF0000 y #00FFFF. La base #3B82F6 produce #F6AF3C como segundo color. El redondeo puede cambiar los grises: #010101 produce #000000 como segundo color. Un cálculo HSL sin redondear puede diferir.
RGB usa 0–255; el tono, 0–360°; las demás componentes, 0–100 %. El valor HSV y la luminosidad HSL son magnitudes distintas. Usá colores opacos sin alfa. Editar un resultado no mantiene automáticamente la relación complementaria; generá otra vez desde la base.
El cálculo se realiza en el navegador, sin muestrear imágenes ni medir el contraste. El par no garantiza texto legible, brillo percibido igual ni accesibilidad. Revisá aparte el contraste entre texto y fondo.
El procesamiento se realiza localmente en tu navegador.