Conectar vía MCP →

Ingresar cálculo

Introduce un código hex de 6 dígitos, con o sin la # inicial.

Fórmula

Publicidad

Resultados

Color RGB
rgb(52, 152, 219)
from #3498DB
Rojo 52
Verde 152
Azul 219

¿Qué es la conversión de hexadecimal a RGB?

Un código de color hexadecimal es una representación de 6 dígitos en base 16 (hexadecimal) de un color, muy habitual en diseño web y en CSS; por ejemplo, #3498DB. Cada par de dígitos codifica uno de los tres canales de color primarios: rojo, verde y azul. El modelo RGB expresa ese mismo color con tres números decimales comprendidos entre 0 y 255. Este conversor traduce un código hex a su equivalente RGB y muestra una vista previa del color en directo.

Cómo usarlo

Escribe o pega un código de color hexadecimal en el campo. Puedes incluir la # inicial o prescindir de ella: ambas opciones funcionan. La herramienta acepta códigos estándar de 6 dígitos y también la forma abreviada de 3 dígitos (por ejemplo, #0AF, que se expande a #00AAFF). Pulsa calcular para ver los valores de rojo, verde y azul junto con una muestra del color.

La fórmula explicada

La conversión es una lectura directa en base 16. La cadena de 6 caracteres se divide en tres pares de 2 caracteres. Cada par se interpreta como un número hexadecimal: el primer dígito hex se multiplica por 16 y se le suma el segundo. Así, el par "FF" = \(15 \times 16 + 15 = 255\), y "00" = 0. La fórmula general es

$$\text{valor} = (\text{primer dígito} \times 16) + \text{segundo dígito}$$

donde cada dígito va de 0 a 15 (las letras A–F representan los valores 10–15).

$$(R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16}$$$$\text{donde}\quad \left\{ \begin{aligned} R &= \operatorname{int}_{16}\!\left(\text{Hex}_{[1,2]}\right) \\ G &= \operatorname{int}_{16}\!\left(\text{Hex}_{[3,4]}\right) \\ B &= \operatorname{int}_{16}\!\left(\text{Hex}_{[5,6]}\right) \end{aligned} \right.$$
Código hexadecimal dividido en pares de bytes rojo, verde y azul
Cada par hexadecimal corresponde a uno de los canales rojo, verde y azul (base 16).

Ejemplo resuelto

Tomemos #3498DB. Lo dividimos en 34, 98 y DB.

$$R = 3 \times 16 + 4 = 52$$$$G = 9 \times 16 + 8 = 152$$$$B = D(13) \times 16 + B(11) = 208 + 11 = 219$$

El resultado es rgb(52, 152, 219): un conocido azul cielo.

Vista previa de la muestra de color junto a las barras de los canales R, G y B
La combinación de los canales RGB produce la muestra de color final.

Preguntas frecuentes

¿Influyen las mayúsculas y minúsculas? No. #abcdef y #ABCDEF dan exactamente el mismo resultado RGB.

¿Y los códigos de 3 dígitos? Un hex de 3 dígitos como #F60 es una forma abreviada en la que cada dígito se duplica, convirtiéndose en #FF6600 antes de la conversión.

¿Por qué los valores no superan 255? Cada canal usa dos dígitos hexadecimales, y el valor máximo de dos dígitos, FF, equivale a 255, lo que da 256 niveles posibles (de 0 a 255) por canal.

Última actualización: