Color HEX a RGB

De una muestra HEX a sus canales

Convierte un color #RGB o #RRGGBB en tres valores de canales RGB. Usa esta dirección cuando una variable de diseño o regla CSS ofrece un código HEX, pero un control gráfico pide enteros separados para rojo, verde y azul. El símbolo # es parte de la notación, no del valor. La forma abreviada de tres cifras se amplía primero: #ABC equivale a #AABBCC.

Cada par hexadecimal forma un canal rojo, verde o azul entre 0 y 255; los dígitos abreviados se duplican. En #2A7FDC, los pares 2A, 7F y DC se convierten en 42, 127 y 220 en decimal. Introduce solo tres o seis cifras; los códigos de cuatro u ocho llevan alfa y aquí se rechazan. La salida es una expresión rgb() apta para CSS y para leer los canales por separado. Para una comprobación concreta, la entrada de ejemplo #2A7FDC produce rgb(42, 127, 220). Conserva el original junto al resultado para compararlo con otra aplicación.

Comprender los modelos de color

HEX y RGB describen los mismos tres canales de luz aditiva. Cada canal toma un entero entre cero y 255, y la notación hexadecimal escribe ese valor con dos cifras de base dieciséis. Un código de seis cifras contiene, por tanto, pares para rojo, verde y azul en ese orden. HSL describe el mismo color RGB de otra forma: el tono marca un lugar en la rueda cromática, la saturación mide su distancia a un gris de luminosidad equivalente y la luminosidad lo sitúa entre negro y blanco. Estas formas ayudan a comparar variables de diseño, leer CSS y ajustar una paleta.

Elegir la representación adecuada

El resultado no incluye canal alfa; se usan RGB entero y HSL convencional, no perfiles de gestión de color. Elige el formato que espera el lugar donde pegarás el resultado. CSS admite tanto hexadecimal como las funciones rgb() y hsl(), pero un sistema de diseño puede guardar los canales por separado. Esta herramienta usa la aritmética habitual de sRGB; no transforma perfiles de pantalla ni predice cómo reproducirá cada monitor un color. Los resultados de tres canales no incluyen transparencia. Un código de cuatro u ocho cifras con alfa requiere otra operación. Los canales RGB enteros y los decimales HSL mostrados pueden redondearse, de modo que una conversión de ida y vuelta podría variar en una unidad.