Conectar vía MCP →

Ingresar cálculo

Introduce un código hex de 6 dígitos (o de 3 dígitos), con o sin #.

Fórmula

Publicidad

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 código de color hexadecimal es una representación de seis dígitos en base 16 que se utiliza ampliamente en diseño web, CSS y gráficos digitales. Codifica la intensidad de tres canales de color —rojo, verde y azul— mediante dígitos hexadecimales (0–9 y A–F). Este conversor toma un código hex como #3498DB y lo traduce al trío RGB equivalente que esperan muchas herramientas de diseño, lenguajes de programación y editores de imágenes.

Código de color hexadecimal dividido en pares de valores de rojo, verde y azul con una muestra de color
Un código hexadecimal se divide en tres pares que corresponden a los valores de rojo, verde y azul.

Cómo usarlo

Escribe tu código de color hexadecimal en el campo de arriba. Puedes incluir el # inicial o dejarlo fuera: ambas formas funcionan. Se admiten tanto los códigos estándar de seis dígitos (#RRGGBB) como la versión abreviada de tres dígitos (#RGB); la abreviatura se expande automáticamente (por ejemplo, #0AF se convierte en #00AAFF). El resultado muestra la cadena completa rgb(r, g, b), los valores de cada canal por separado y una muestra de color en vivo.

La fórmula explicada

Cada canal de color ocupa dos dígitos hexadecimales. Los dos primeros caracteres representan el rojo, los dos del centro representan el verde y los dos últimos representan el azul. Cada par se convierte de base 16 a base 10:

$$(R,\,G,\,B) = \bigl(\text{hex}_{[1\text{-}2]},\ \text{hex}_{[3\text{-}4]},\ \text{hex}_{[5\text{-}6]}\bigr)_{16}$$ \(R = \text{int}(\text{hex}[0{:}2],\,16)\), \(G = \text{int}(\text{hex}[2{:}4],\,16)\), \(B = \text{int}(\text{hex}[4{:}6],\,16)\). Cada canal va de 0 (00) a 255 (FF).

Dos dígitos hexadecimales convirtiéndose en un valor decimal de 0 a 255
Cada par de dígitos hexadecimales se convierte de base 16 a un valor decimal de canal (0-255).

Ejemplo resuelto

Tomemos #3498DB. El par del rojo es 34, que equivale a $$3\times16 + 4 = 52$$ 52. El par del verde es 98, igual a $$9\times16 + 8 = 152$$ 152. El par del azul es DB, donde \(D = 13\) y \(B = 11\), lo que da $$13\times16 + 11 = 219$$ 219. Por lo tanto, #3498DB = rgb(52, 152, 219).

Preguntas frecuentes

¿A qué equivale FFFFFF? Al blanco puro: rgb(255, 255, 255). Y 000000 es el negro puro: rgb(0, 0, 0).

¿Puedo introducir un código de 3 dígitos? Sí. La abreviatura de tres dígitos duplica cada dígito: #F00 se expande a #FF0000 = rgb(255, 0, 0).

¿Es obligatorio el #? No. El conversor elimina automáticamente cualquier # inicial, así que tanto #1A2B3C como 1A2B3C funcionan.

Última actualización: