Conversor HEX a RGB (y RGB a HEX)

Tienes una lista de colores en HEX y tu código los necesita en RGB, o al revés. Este conversor transforma uno o muchos colores a la vez, una línea por color, y muestra la muestra visual, el HEX, el RGB y el HSL de cada uno. Acepta el formato abreviado de 3 dígitos, el de 6 dígitos y el de 8 dígitos con transparencia, que se convierte en rgba(). Copia un color individual o todos juntos con un clic.

Cómo usar

1. 1

   Elige la dirección: HEX → RGB o RGB → HEX

2. 2

   Escribe o pega los colores, uno por línea

3. 3

   Revisa la muestra y las conversiones de cada color; las líneas inválidas se marcan en rojo

4. 4

   Copia un color con su botón o todos con «Copiar todos»

Beneficios

• Convierte muchos colores a la vez
• Acepta #RGB, #RGBA, #RRGGBB y #RRGGBBAA
• Soporta rgb(), rgba(), porcentajes y valores separados por espacios
• Muestra el equivalente HSL de cada color
• Marca las líneas con errores sin detener el resto
• Copia individual o en bloque

Cómo se convierte HEX a RGB

Un color HEX de seis dígitos son tres pares de números hexadecimales: rojo, verde y azul. Cada par va de 00 a FF, es decir, de 0 a 255 en decimal. Para convertirlo, se multiplica el primer dígito por 16 y se suma el segundo, con A = 10, B = 11 y así hasta F = 15. En #1E90FF: 1E = 1 × 16 + 14 = 30, 90 = 9 × 16 + 0 = 144 y FF = 15 × 16 + 15 = 255. El resultado es rgb(30, 144, 255).

Formatos abreviados y con transparencia

El formato de tres dígitos, como #FFF o #0A8, es una abreviatura en la que cada dígito se duplica: #0A8 equivale a #00AA88. El formato de ocho dígitos añade un cuarto par para el canal alfa, la opacidad: #00000080 es negro al 50% de opacidad, porque 80 en hexadecimal es 128, la mitad de 255. Al convertirlo, el resultado usa rgba() con el alfa entre 0 y 1.

De RGB a HEX

Para el camino inverso, cada canal de 0 a 255 se divide entre 16: el cociente es el primer dígito hexadecimal y el residuo, el segundo. Con rgb(255, 87, 51): 255 = FF, 87 = 5 × 16 + 7 = 57 y 51 = 3 × 16 + 3 = 33, así que el color es #FF5733. El conversor acepta la notación rgb(), rgba(), porcentajes como rgb(100%, 50%, 0%) y simplemente tres números separados por espacios o comas.

¿Cuándo usar HEX y cuándo RGB?

Ambos describen exactamente los mismos colores. HEX es más corto y es el formato habitual en guías de marca, Figma y hojas de estilo. RGB y rgba() son más legibles cuando necesitas transparencia o cuando calculas colores con código. En CSS moderno también puedes usar HSL, que facilita crear variantes más claras u oscuras; por eso el conversor muestra los tres.