Convertidor de hex a RGB

¿Qué es un convertidor de hex a RGB?

Un convertidor de hex a RGB hace el camino contrario: toma un código hexadecimal —el que copias de un editor de CSS, de Figma o de la paleta de una marca— y lo descompone en los tres números de 0 a 255 que representan cuánto rojo, verde y azul lleva ese color. Es lo que necesitas cuando una herramienta solo acepta rgb() o rgba(), o cuando quieres saber exactamente cuánto hay de cada canal en un tono antes de mezclarlo o ajustarlo.

Escribe el hex en el campo de texto, con o sin la almohadilla al principio, en su forma corta de 3 dígitos, la habitual de 6, o la de 8 dígitos si incluye opacidad. El convertidor te devuelve la cadena rgb() completa lista para copiar, además de los tres canales por separado y una muestra del color en vivo.

Cómo usarlo

1. Escribe el código hex. Puedes usarlo con o sin #, en su forma corta como #F80, la normal de seis dígitos como #4093E6, o de ocho si lleva opacidad, como #4093E680.
2. Revisa el resultado. La cadena rgb() aparece en grande junto a la muestra de color, con los valores de Rojo, Verde y Azul mostrados por separado debajo.
3. Copia lo que necesites. Haz clic en el resultado para copiarlo, o usa los botones de abajo para llevarte el mismo color en otros formatos.

Cómo funciona la conversión

Convertir hex a RGB es leer cada par de dígitos hexadecimales como lo que es: un número en base 16 de 00 a FF, que equivale exactamente a un número de 0 a 255 en base 10. FF siempre es 255, 80 siempre es 128 —no se pierde precisión en el camino. La forma corta de 3 dígitos, como #F80, funciona duplicando cada dígito (se convierte en #FF8800), así que solo sirve para los colores donde los dos dígitos de cada canal coinciden: unos 4.096 tonos de los más de 16,7 millones que existen en total; el resto necesita la forma larga.

Si tu código trae ocho dígitos en vez de seis, los dos últimos guardan la opacidad, también en base 16 —y ahí sí aparece un redondeo, porque los 255 niveles posibles de alfa no se dividen en fracciones decimales exactas. Tanto el hex como el rgb() resultante describen colores en el espacio sRGB: no sirven para representar la gama amplia de Display P3 y similares, que en CSS moderno se escribe con color(display-p3 ...). El valor en HSL que ves junto al resultado está redondeado a números enteros para facilitar la lectura; el rgb() y los canales por separado sí mantienen el número exacto.

¿Por qué es gratis?

Porque todo el cálculo se hace en el navegador, sin enviar el color a ningún servidor —así que no hay factura que trasladarte. No hace falta crear una cuenta, no añadimos ninguna marca al resultado que copias, y no hay una versión de pago con más funciones detrás de un muro: la herramienta completa está aquí, gratis, sin límite de usos.