Conversor de color HEX a RGB

Ingresar cálculo

Código de color HEX Introduce un código hexadecimal de 3 o 6 dígitos, con o sin la # inicial.

Resultados

Color RGB

rgb(52, 152, 219)

from #3498DB

Rojo (R)	52
Verde (G)	152
Azul (B)	219

¿Qué es un conversor de HEX a RGB?

Un conversor de HEX a RGB traduce un código de color hexadecimal (la notación de seis caracteres que se usa en CSS, HTML y las herramientas de diseño) a sus valores RGB equivalentes. El modelo RGB describe un color mediante tres canales —rojo, verde y azul—, cada uno con un valor de 0 a 255. Un código hexadecimal comprime esos mismos tres valores en una cadena compacta en base 16, como #3498DB.

Cómo usarlo

Escribe cualquier código de color hexadecimal en el campo. Puedes incluir u omitir la # inicial, y también puedes usar la notación abreviada de 3 dígitos (por ejemplo, #0AF), que se expande automáticamente a su forma de 6 dígitos (#00AAFF). Pulsa calcular para ver el triplete RGB, una muestra de color y el valor de cada canal por separado.

La fórmula explicada

Un código hexadecimal de 6 dígitos se divide en tres pares: los caracteres 1–2 corresponden al rojo, el 3–4 al verde y el 5–6 al azul. Cada par es un número en base 16 (hexadecimal) que se convierte a base 10 (decimal). Por ejemplo, el par FF equivale a \(15\times16 + 15 = 255\), la intensidad máxima, mientras que 00 equivale a 0.

$$ (R,\,G,\,B) = \left( \text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6} \right)_{16} $$$$ \text{where}\quad \left\{ \begin{aligned} R &= \big(\,\text{HEX}\,[1\text{-}2]\,\big)_{16} \\ G &= \big(\,\text{HEX}\,[3\text{-}4]\,\big)_{16} \\ B &= \big(\,\text{HEX}\,[5\text{-}6]\,\big)_{16} \end{aligned} \right. $$

Un código hexadecimal de 6 dígitos se divide en tres pares, cada uno convertido en un valor de 0-255 para R, G y B.

Ejemplo resuelto

Tomemos #3498DB. Rojo = 34 = \(3\times16 + 4 = 52\). Verde = 98 = \(9\times16 + 8 = 152\). Azul = DB = \(13\times16 + 11 = 219\). El resultado es rgb(52, 152, 219), un agradable azul medio.

Ejemplo: #FF8800 se convierte en RGB (255, 136, 0), una muestra naranja.

Preguntas frecuentes

¿Necesito el símbolo #? No. El conversor lo elimina automáticamente, así que 3498db y #3498DB dan el mismo resultado.

¿Distingue entre mayúsculas y minúsculas? No. ff y FF son idénticos; la herramienta lo normaliza todo a mayúsculas.

¿Y los códigos de 3 dígitos? La notación abreviada como #F00 se expande duplicando cada dígito hasta obtener #FF0000, que equivale a rgb(255, 0, 0) (rojo puro).