Convertir HEX a RGB
Convierte cualquier código HEX a sus valores RGB al instante, en tu navegador.
Por qué usarlo
De código HEX a valores RGB en un clic
Soporta todos los formatos HEX
#RGB, #RRGGBB, #RGBA, #RRGGBBAA y nombres CSS. Detección automática del formato.
Privado
La conversión ocurre en tu navegador. Ningún dato sale de tu dispositivo.
Resultado listo para CSS
Copia directamente en formato rgb() o rgba() para pegar en tu hoja de estilos.
Instantáneo
Resultado en tiempo real mientras escribes el código HEX.
Cómo funciona
Tres pasos, sin complicaciones
Escribe el código HEX
Introduce el código hexadecimal del color: formato largo (#FF5733), corto (#F53) o con alpha (#FF573380). También puedes escribir el nombre CSS del color (red, tomato, steelblue) y se convertirá automáticamente.
Obtén los valores RGB
El conversor calcula al instante los canales R (rojo), G (verde) y B (azul) en el rango 0-255. Si el HEX incluye canal alpha, también obtienes el valor de opacidad para RGBA.
Copia el resultado
Copia el resultado en formato rgb(255, 87, 51) o rgba(255, 87, 51, 0.5) listo para pegar en tu CSS, código JavaScript o herramienta de diseño.
Preguntas frecuentes
¿Tienes dudas?
HEX se refiere al sistema hexadecimal, un sistema de numeración en base 16 que usa los dígitos 0-9 y las letras A-F (donde A=10, B=11, C=12, D=13, E=14, F=15). Un código de color HEX como #FF5733 representa tres pares hexadecimales: FF (rojo = 255), 57 (verde = 87), 33 (azul = 51). Cada par hexadecimal puede representar 256 valores (0x00 = 0 a 0xFF = 255), lo que permite 256³ = 16.777.216 colores distintos en el espacio sRGB.
Un código HEX de 6 caracteres (#RRGGBB) usa 2 caracteres por cada canal de color (rojo, verde, azul). Cada carácter hexadecimal representa 4 bits, por lo que 2 caracteres representan 8 bits = 1 byte, capaz de almacenar 256 valores (0-255). Con 8 bits por canal y 3 canales (RGB), se obtiene una profundidad de color de 24 bits, el estándar para imágenes en color verdadero (true color) desde la era de los monitores CRT de los años 90.
El HEX corto es una abreviación válida en CSS donde cada carácter se duplica automáticamente: #FFF equivale a #FFFFFF (blanco), #000 a #000000 (negro), #F53 a #FF5533. Solo funciona cuando ambos dígitos de cada par son idénticos. Fue introducido en CSS1 (1996) para reducir el tamaño del código. No todos los parsers de color soportan HEX corto fuera de CSS, por lo que en JavaScript o en herramientas de diseño puede ser necesario expandirlo al formato completo de 6 caracteres.
El HEX de 8 caracteres (#RRGGBBAA) añade un cuarto par hexadecimal para el canal alpha (opacidad), donde #RRGGBB00 es completamente transparente y #RRGGBBFF es completamente opaco. Por ejemplo, #FF573380 equivale a rgba(255, 87, 51, 0.502). Este formato fue estandarizado en CSS Color Level 4 y es soportado por todos los navegadores modernos desde 2017. La versión corta de 4 caracteres (#RGBA) también existe: #F538 equivale a #FF553388.
Los códigos HEX de 6 caracteres pueden representar 16.777.216 colores, que es exactamente el espacio de color sRGB de 24 bits (8 bits por canal). Esto cubre toda la gama sRGB pero no incluye colores fuera de esta gama, como los colores display-p3 de pantallas modernas de alto rango dinámico (iPhone desde 2016, MacBook Pro desde 2016). Para colores de gama amplia en CSS se usa la función color(display-p3 r g b) de CSS Color Level 4, que no tiene representación en HEX estándar.
Historia del sistema hexadecimal en los colores web
El sistema hexadecimal como notación para colores web fue popularizado por los primeros navegadores gráficos. El navegador Mosaic (NCSA, 1993), el primer navegador con soporte gráfico de uso masivo, introdujo el atributo bgcolor en HTML que aceptaba nombres de colores en inglés (red, blue) o códigos hexadecimales en formato #RRGGBB. Netscape Navigator (1994) amplió esta convención y añadió soporte para los 140 colores nombrados que hoy son parte del estándar CSS, muchos derivados de los colores X11 definidos por el MIT X Consortium en 1987 para el sistema de ventanas X Window System usado en Unix.
Los colores X11 son la fuente histórica de nombres como 'alice blue', 'cornflower blue', 'dark salmon' o 'papaya whip'. Fueron definidos originalmente en el archivo rgb.txt del servidor X11 entre 1987 y 1989, y tenían valores RGB específicos ligados al hardware de monitores de la época. Cuando Netscape adoptó estos nombres para HTML, creó inconsistencias históricas: 'green' en HTML/CSS es #008000 (no el verde puro #00FF00, que se llama 'lime'), y 'gray' tiene múltiples variantes ortográficas ('grey' y 'gray' son sinónimos en CSS). CSS Color Level 4 ha formalizado todos estos nombres históricos añadiendo además 'rebeccapurple' (#663399), en homenaje a Rebecca Meyer, hija del experto en CSS Eric Meyer, fallecida en 2014.
La especificación CSS Color Level 1 (W3C, 1996) definió 16 colores nombrados básicos heredados de HTML. CSS Color Level 2 (2011) añadió 'orange'. CSS Color Level 3 (2011) estandarizó los 147 colores X11 incluyendo 'rebeccapurple' en 2014. CSS Color Level 4 (en proceso de recomendación) añade funciones modernas como oklch(), lab(), lch() y color() para espacios de gama amplia. En paralelo, la especificación SVG 1.1 del W3C (2003) definió sus propios 147 colores nombrados, alineados con X11 pero ligeramente diferentes en algunos valores numéricos, lo que causó confusiones históricas entre implementaciones de navegadores hasta la estandarización en CSS Color Level 3.