Desarrollador 🔒 Se ejecuta en tu navegador — no se envían datos

Convertir HEX a RGB

Pegue un código de color HEX y obtenga sus valores RGB, listos para copiar como rgb() o rgba().

Color de entrada

Selector:

Introduzca un color para convertirlo...

Cómo Usar

Escriba o pegue un código HEX como #0A84FF, 0A84FF, #FFF o #0A84FF80.
La línea RGB se actualiza mientras escribe; los demás formatos aparecen debajo.
Pulse «Copiar» junto al valor rgb() para copiarlo al portapapeles.
Use el selector de color para probar otro color o fíjese en la vista previa.

Preguntas Frecuentes

¿Cómo se convierte HEX a RGB a mano?

Divida los seis dígitos en tres pares y pase cada par de base 16 a base 10. Para #0A84FF: 0A es 10, 84 es 132 y FF es 255, así que el color es rgb(10, 132, 255).

¿Y los códigos HEX de tres dígitos?

Cada dígito se duplica: #F80 significa #FF8800, que es rgb(255, 136, 0).

¿Cómo se convierte un código HEX de 8 dígitos?

El último par es el canal alfa. #0A84FF80 tiene un alfa de 80 en hexadecimal, que es 128 de 255, o aproximadamente 0,5, así que se convierte en rgba(10, 132, 255, 0.5).

¿La conversión de HEX a RGB es exacta?

Sí. Ambos describen los mismos tres valores de canal de 0 a 255, así que no interviene ningún redondeo.

Convertir códigos de color HEX a RGB

Actualizado el 24 de septiembre de 2026 · Por Saman

Los archivos de diseño y las guías de marca suelen dar los colores como códigos HEX, mientras que el código de canvas, los atributos SVG, las bibliotecas de imagen y el CSS con transparencia a menudo piden números RGB. Las dos notaciones describen exactamente lo mismo, así que la conversión entre ellas no pierde nada.

Esta página abre el conversor de colores con la entrada HEX seleccionada y un ejemplo cargado. Sustitúyalo por su propio código.

Un color HEX son tres pares de dígitos hexadecimales para rojo, verde y azul. #0A84FF es rgb(10, 132, 255), y ese mismo color escrito en HSL es hsl(210, 100%, 52%).

Cómo funciona la conversión

Un color HEX son tres bytes escritos en base 16: rojo, verde y azul. Cada par de dígitos va de 00 a FF, es decir, de 0 a 255 en decimal. Para convertir un par, multiplique el primer dígito por 16 y sume el segundo, teniendo en cuenta que las letras de la A a la F valen de 10 a 15.

HEX	Pares	RGB
`#0A84FF`	0A · 84 · FF	`rgb(10, 132, 255)`
`#FF5733`	FF · 57 · 33	`rgb(255, 87, 51)`
`#FFF`	FF · FF · FF	`rgb(255, 255, 255)`
`#000000`	00 · 00 · 00	`rgb(0, 0, 0)`

Códigos cortos y alfa

3 dígitos: cada dígito se duplica, así que #0AF es #00AAFF.
4 dígitos: la misma duplicación, con el cuarto dígito como alfa.
8 dígitos: el último par es el alfa, de 00 (transparente) a FF (opaco), y se muestra como rgba() con un valor de 0 a 1.
El signo # inicial es opcional; funcionan tanto las minúsculas como las mayúsculas.

HEX a RGB en código

En JavaScript, parseInt('84', 16) devuelve 132, así que una conversión completa son tres llamadas de ese tipo sobre los pares. En Python, tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) hace lo mismo con una cadena de seis dígitos sin el #. El CSS moderno acepta las dos notaciones directamente, así que la conversión solo hace falta cuando una herramienta o una API exige una de ellas.

Conversiones relacionadas

En sentido contrario, RGB a HEX vuelve a convertir los valores de canal en un código. Para crear variantes más claras y más oscuras suele ser más cómodo HEX a HSL, y el comprobador de contraste de color le dice si un color se lee bien sobre su fondo.