Convertidor de HEX a RGB

Cómo funciona

Las tres notaciones describen la misma terna de enteros, y la herramienta guarda un único estado canónico — R, G, B de 0 a 255 más un alfa — y redibuja cada vista desde él. El hexadecimal no son más que esos bytes en base 16, así que esa conversión es empaquetado, no matemática.

Empaquetado HEX

#RRGGBB escribe cada canal rojo, verde y azul con dos dígitos hexadecimales: 37 pasa a 25, así que rgb(37, 99, 235) es #2563EB. La forma corta #abc equivale a #aabbcc y se acepta; la de 8 dígitos añade el byte alfa (#2563EB80 ≈ 50 %).

RGB → HSL

Escala los canales a 0–1, toma cmax y cmin, y luego L = (cmax + cmin) / 2 y S = (cmax − cmin) / (1 − |2L − 1|), que vale 0 en los grises. El tono es el ángulo del canal máximo — si rojo es el máximo, H = 60° × ((G − B) / Δ mod 6) — de modo que el tono sobrevive a cualquier ajuste posterior de luminosidad.

HSL → RGB

El viaje inverso: C = (1 − |2L − 1|) × S es la croma, X = C × (1 − |(H/60 mod 2) − 1|), se elige el sector de la rueda de color y se suma m = L − C/2 a cada canal. La herramienta escribe a mano las dos direcciones —sin atajos de parsing CSS— y redondea de forma coherente, así que hsl → rgb → hsl vuelve dentro de una unidad.

Preguntas frecuentes