Convertidor de HEX a RGB
Convierte cualquier código #hex en sus valores RGB al instante, con muestra de color en vivo.
¿Necesitas lo contrario? Convertidor de RGB a HEX
Este convertidor de hex a rgb toma un código de color hexadecimal, como #1a73e8 o la forma corta #f60, y te da los valores RGB equivalentes en cuanto lo escribes. Una muestra en vivo enseña el color real, para que confirmes que copiaste el código correcto antes de que acabe en tu hoja de estilos.
El motivo clásico para convertir en esta dirección es CSS. Tienes un código hex de una guía de marca o de una hoja de estilos existente, pero necesitas la sintaxis rgb() o rgba(), normalmente porque quieres transparencia: rgba(26, 115, 232, 0.5) necesita los tres números RGB que se esconden dentro de #1a73e8. Las APIs de canvas, algunas librerías de JavaScript y los clientes de correo antiguos también piden los colores como canales rojo, verde y azul por separado.
La conversión se ejecuta localmente en tu navegador y se actualiza mientras escribes. No se envía nada a un servidor, no hay nada que instalar, y funcionan tanto los códigos hex de 3 dígitos como los de 6, con o sin el # inicial.
Cómo convertir de HEX a RGB
- Escribe o pega un código hex en la entrada, por ejemplo #ff6600 o simplemente f60.
- Los valores RGB aparecen al instante, junto a una muestra de vista previa del color.
- Comprueba que la muestra coincide con el color que esperabas.
- Copia la cadena rgb() con el botón de copiar, lista para pegar en tu CSS.
- ¿Necesitas el sentido contrario? Usa el convertidor de RGB a HEX enlazado en esta página.
Qué hace este convertidor de HEX a RGB
La herramienta lee un código de color hexadecimal y devuelve el mismo color escrito como tres canales decimales: rojo, verde y azul, cada uno de 0 a 255. Obtienes los números en crudo más una cadena rgb() lista para pegar y una muestra en vivo, así que no hay aritmética manual ni que recurrir a una calculadora para averiguar qué significa ff o 66 en base diez.
Es deliberadamente acotada. Hace un solo trabajo, convertir de hex a RGB, y lo hace en el instante en que escribes, por completo en tu navegador. Ese enfoque es también por lo que maneja las variantes incómodas que de verdad te encuentras en archivos reales: la forma corta de 3 dígitos, un # inicial opcional, mayúsculas o minúsculas, y los códigos de 8 dígitos que llevan un canal alfa.
Cómo funciona la matemática
Un código hex son tres pares de dígitos hexadecimales: rojo, verde y azul. Cada par se convierte en un número decimal de 0 a 255. Así, #ff6600 se separa en ff, 66 y 00, que son 255, 102 y 0, dando rgb(255, 102, 0). Los códigos cortos duplican primero cada dígito: #f60 se expande a #ff6600.
Hex y RGB describen exactamente el mismo color en el mismo espacio sRGB, así que la conversión no pierde nada en ninguna dirección. #RRGGBB es simplemente la notación en base 16 de esos mismos valores de canal, por eso convertir de hex a RGB es matemática exacta, sin redondeos ni desviación de color; qué notación uses depende solo de lo que espere la sintaxis que lo rodea.
Cuándo necesitas RGB de verdad
El disparador cotidiano es la transparencia. Un código hex de una guía de marca te da un color opaco, pero en cuanto lo quieres al 50 % necesitas los canales: rgba(26, 115, 232, 0.5), o la sintaxis moderna rgb(26 115 232 / 50%), ambas quieren los tres números que se esconden dentro de #1a73e8. Convertir primero es más rápido y menos propenso a errores que calcularlo a ojo.
Más allá de CSS, la API canvas de HTML, muchas librerías de gráficos y animación, los atributos de SVG y algunos clientes de correo antiguos esperan los colores como valores de rojo, verde y azul separados. Si le pasas un color a JavaScript que luego ajusta un único canal, RGB es el formato con el que realmente puedes hacer aritmética.
El canal alfa y el hex de 8 dígitos
Un código hex de 8 dígitos añade un cuarto par para la opacidad: #1a73e880. Los primeros seis dígitos se convierten a RGB exactamente como siempre, y el par final mapea el rango 00 a ff a un alfa de 0 a 1. Así, 80 en hex es 128 en decimal, que es aproximadamente 0.5 de opacidad, dando rgba(26, 115, 232, 0.5).
Esto importa porque los diseñadores pegan cada vez más códigos de 8 dígitos exportados desde Figma o Sketch. Trata el color y la transparencia como dos hechos separados: el trío RGB nunca cambia cuando ajustas la opacidad, solo lo hace ese par alfa final.
RGB y accesibilidad del color
Las pautas de accesibilidad web fijan ratios de contraste entre el texto y su fondo, y las fórmulas que hay detrás trabajan sobre los valores de canal RGB, no sobre la cadena hex. Convertir tu código hex a RGB es el primer paso para comprobar si, por ejemplo, un texto #767676 supera el umbral de 4.5:1 sobre un fondo blanco para el cuerpo de texto normal.
Como la conversión es exacta, los números RGB que obtienes aquí se pueden meter directamente en un verificador de contraste o en código que calcula la luminancia relativa. Si un color está en el límite, ajustar un canal en RGB y convertir de vuelta es una manera fácil de encontrar una alternativa cercana que cumpla sin abandonar el tono de la marca.
Errores comunes que evitar
El desliz habitual es un código mal formado: una cadena de 4 o 5 caracteres, un espacio suelto, o un # que se dejó puesto cuando una herramienta quería solo los dígitos. Un hex válido son 3, 6 u 8 caracteres hexadecimales; cualquier otra cosa es o bien una forma corta que expandir o simplemente inválida. Este convertidor tolera las mayúsculas y el # inicial, pero el color subyacente aún tiene que estar bien formado.
La otra trampa es suponer que el hex es de algún modo de menor calidad que el RGB, o al revés. Son colores sRGB idénticos escritos de dos maneras. Si un color convertido se ve mal, el problema casi siempre es que el código de origen estaba mal, no que la conversión introdujera un error.
Herramientas de color relacionadas
Ir en el sentido contrario es igual de común, así que combina esto con el convertidor de RGB a HEX cuando una app de diseño o un cuentagotas te dé números de canal sueltos que necesitas como un token hex compacto. Ambos son exactos y ambos se ejecutan localmente.
Si todavía estás eligiendo un color en lugar de convertir uno fijo, el selector de color te deja arrastrar hasta un tono y leer su HEX, RGB y HSL a la vez, y el generador de degradados CSS construye fondos lineales y radiales listos para copiar a partir de los colores que elijas.
Preguntas frecuentes
¿Este conversor de hex a RGB es gratis?
Sí, gratis y sin límites. Sin registro, y la conversión ocurre en tu navegador sin enviar datos a ninguna parte.
¿Para qué querría RGB en lugar de hex en CSS?
Sobre todo por la transparencia. rgba() y la sintaxis moderna rgb(r g b / alfa) necesitan los números de cada canal. Hex tiene una forma con alfa (#RRGGBBAA), pero rgba() sigue siendo más usada y más fácil de leer.
¿Funcionan los códigos hex de 3 dígitos como #f60?
Sí. Los códigos abreviados se expanden duplicando cada dígito, así que #f60 se trata como #ff6600, exactamente igual que hacen los navegadores.
¿Convertir de hex a RGB cambia el color?
No. Hex y RGB son dos notaciones para los mismos valores sRGB, así que la conversión es exacta, sin redondeos ni desviaciones de color.
¿Y los códigos hex de 8 dígitos con alfa?
Un código de 8 dígitos como #1a73e880 lleva un cuarto par para la opacidad. Los primeros seis dígitos se convierten a RGB como siempre; el último par mapea 00-ff a un alfa de 0 a 1, dándote un valor rgba().
¿Funciona en el móvil?
Sí. El conversor es una página ligera que funciona en cualquier navegador de móvil, práctica cuando vas leyendo códigos hex de una guía de estilo fuera de la oficina.