Generador de colores complementarios
Calcula un par complementario HSL, ajusta los colores y copia el resultado. Comprueba 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. Esto difiere de invertir cada canal 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. Puede haber diferencias respecto a un cálculo HSL sin redondear.
RGB utiliza 0–255; el tono, 0–360°; los demás componentes, 0–100 %. El valor HSV y la luminosidad HSL son magnitudes distintas. Usa colores opacos sin alfa. Editar un resultado no conserva automáticamente la relación complementaria; genera otra vez desde la base.
El cálculo se realiza en el navegador. No muestrea imágenes ni mide el contraste. Los colores complementarios no garantizan texto legible, igual brillo percibido ni accesibilidad: comprueba aparte el contraste entre texto y fondo.
El procesamiento se realiza localmente en tu navegador.