Conversor de HEX a RGB

El conversor de HEX a RGB transforma códigos de color hexadecimales como #3B82F6 en valores RGB como rgb(59, 130, 246). HEX es la forma más común de escribir colores en CSS y HTML, mientras que RGB es el modelo aditivo que tu pantalla usa realmente para mezclar luz roja, verde y azul.

Un código HEX es simplemente RGB escrito en base 16. Cada par de caracteres — 3B, 82, F6 — es el valor de un canal de 0 a 255, solo que expresado en hexadecimal en lugar de decimal.

Cuándo lo necesitas

CSS con transparencia

Convierte un valor HEX a RGB para añadir transparencia con rgba(), algo que un HEX simple no podía expresar en código antiguo.

Herramientas de diseño

Muchas apps gráficas, APIs de canvas y rellenos SVG esperan canales RGB numéricos en lugar de una cadena con almohadilla.

Código y cálculos

Obtén los enteros R, G y B por separado para cálculos como mezclas, brillo o ratios de contraste.

Cómo convertir de HEX a RGB

Introduce el código HEX

Escribe o pega tu valor HEX en el campo, con o sin la # inicial. Se aceptan tanto la forma abreviada de 3 dígitos (#F00) como la completa de 6 dígitos (#FF0000).

Lee el resultado RGB

El valor RGB se calcula al instante mientras escribes, sin pulsar ningún botón. La muestra grande se actualiza para que verifiques el color visualmente.

O elige un color

Haz clic en la muestra para abrir el selector de color nativo y elegir cualquier color visualmente: los campos HEX y RGB se rellenan solos.

Copia y reutiliza

Pulsa el botón de copiar para llevar la cadena RGB al portapapeles. El panel inferior también lista todos los demás formatos: HEX, HSL, HSV y CMYK.

Características

Conversión instantánea

Los resultados se actualizan en tiempo real mientras escribes, todo en el navegador, sin recargas ni llamadas al servidor.

Soporte de abreviatura

Los códigos de 3 dígitos se expanden automáticamente (#F00 → #FF0000) y no se distinguen mayúsculas de minúsculas.

Vista previa y selector

Una muestra en vivo confirma el color y el selector integrado permite elegirlo visualmente.

Todos los formatos a la vez

Cada conversión también muestra HEX, RGB, HSL, HSV y CMYK, así nunca necesitas una segunda herramienta.

HEX frente a RGB de un vistazo

Aspecto	HEX	RGB
Se ve como	`#3B82F6`	`rgb(59, 130, 246)`
Base numérica	Base 16 (hexadecimal)	Base 10 (decimal)
Por canal	00–FF	0–255
Transparencia	8 dígitos `#RRGGBBAA`	Alfa con `rgba()`
Ideal para	CSS compacto / compartir	Código y cálculos

Privado por diseño: toda la conversión se ejecuta en tu navegador. Ningún color ni dato se envía a un servidor.

Preguntas frecuentes

¿Qué es un código de color HEX?

Un código HEX es una cadena hexadecimal de 6 caracteres (más una # opcional) que codifica un color. Los tres pares representan Rojo, Verde y Azul, cada uno de 00 a FF, equivalente a 0–255 en decimal.

¿Qué es el color RGB?

RGB es un modelo de color aditivo que define un color por la intensidad de tres canales de luz — Rojo, Verde y Azul — cada uno de 0 a 255. Es la forma en que las pantallas producen color físicamente.

¿Puedo usar códigos HEX de 3 dígitos?

Sí. Los códigos abreviados como #F00 se expanden automáticamente duplicando cada dígito, por lo que #F00 se convierte en #FF0000 antes de la conversión.

¿Tengo que incluir el símbolo #?

No. El conversor acepta el valor HEX con o sin la # inicial, e ignora las mayúsculas: ff0000 y FF0000 dan el mismo resultado.

¿Cómo añado transparencia a un color convertido?

Una vez que tienes los canales RGB, envuélvelos en rgba() de CSS y añade un valor alfa de 0 a 1 — por ejemplo rgba(59, 130, 246, 0.5) para un 50 % de opacidad.