HEX, RGB y HSL: tres formas de describir un color
Un editor puede pedir HEX mientras otro archivo usa RGB o HSL. Convertir ayuda a llevar el mismo color entre formatos; no lo mejora automáticamente ni garantiza igualdad entre pantalla e impresión.
HEX abrevia los canales RGB
En HEX de 6 dígitos, cada pareja describe rojo, verde o azul con valores de 0 a 255. La forma de 3 dígitos repite cada dígito, no intercala ceros.
Este conversor trabaja con sRGB opaco y acepta HEX de 3 o 6 dígitos. CSS admite transparencia con 8, pero esa forma queda fuera del alcance actual.
Referencias: W3C CSS Color 4 — Hexadecimal RGB and HSL
HSL cambia cómo describes el color
Tono, saturación y luminosidad ayudan a pensar en una versión menos saturada o más clara, en vez de mover 3 canales sin una dirección.
La luminosidad HSL no mide uniformemente el brillo percibido. Igual porcentaje en 2 tonos no demuestra igual claridad aparente ni que sirvan para texto.
Referencias: W3C CSS Color 4 — Hexadecimal RGB and HSL
La conversión no valida todas las decisiones
Compara el texto con su fondo real cuando importe la lectura. Un código válido o una muestra bonita no prueban contraste suficiente.
Conserva la referencia al pasar a impresión u otro espacio. Esto no calibra pantallas ni convierte a CMYK; volver de HSL a RGB de 8 bits puede introducir pequeños redondeos.
Ejemplo: ampliar el código sin cambiar el color
#369 se amplía a #336699. Las parejas 33, 66 y 99 dan RGB 51, 102 y 153, no 3, 6 y 9. El mismo color en HSL tiene 210 grados, 50% de saturación y 40% de luminosidad.
Son 3 descripciones, no 3 tonos. Llevar la luminosidad al 60% elige otro color; añadir alfa incorpora una decisión de transparencia que no estaba en el original opaco.