El conversor acepta todas las formas hex de CSS: el formato de 6 dígitos #ff5733, el abreviado de 3 dígitos #f53, y los formatos de 4 y 8 dígitos con canal alfa, con o sin el #. Muestra la cadena rgb() o rgba(), los valores de cada canal y un desglose por canal, además de una fila inversa de RGB a HEX cuando necesites ir en el otro sentido. Todo se ejecuta en tu navegador, sin subir archivos, sin cuenta y sin límites.
Conversor de HEX a RGB
Funciona del todo en tu navegador: sin subir nada y sin registro.
CSS
rgb(255, 87, 51)Valores RGB
255, 87, 51Cómo se convierte
Rojo
FF255Verde
5787Azul
3351¿Al revés? RGB a HEX
#ff5733¿Cómo se convierte HEX a RGB?
Un color hexadecimal son tres pares de dígitos hexadecimales, un par por canal. Convierte cada par a un número decimal de 0 a 255: en #ff5733, ff es 255 de rojo, 57 es 87 de verde y 33 es 51 de azul, así que el valor RGB es rgb(255, 87, 51). Este conversor lo hace al instante mientras escribes.
Cómo se usa
- 1Introduce un código hex. Escribe o pega un color hex como #ff5733 (o #f53), o elige uno con el selector de color. La # es opcional.
- 2Lee el valor RGB. La cadena rgb(), los valores planos de 0 a 255 y una vista previa en vivo del color se actualizan mientras escribes, con un desglose por canal que muestra cómo se convierte cada par hex.
- 3Copia el formato que necesites. Pulsa Copiar junto a la cadena rgb() o los valores en bruto. ¿Necesitas lo contrario? Introduce rojo, verde y azul más abajo para obtener el código hex de vuelta.
Para quién es
- Desarrolladores front-end que convierten un código hex de una guía de estilo a rgb() para añadir transparencia con rgba().
- Diseñadores que mueven colores de marca entre herramientas que piden hex (CSS, Figma) y herramientas que piden valores de 0 a 255 (algunas apps de impresión y vídeo).
- Equipos de email y marketing que igualan los colores de una campaña entre editores que solo aceptan una notación.
- Desarrolladores de juegos y apps que introducen valores de canal 0-255 en motores y SDK que no interpretan cadenas hex.
Preguntas frecuentes
¿Es gratis este conversor de HEX a RGB?
Sí, es 100% gratis, sin registro y sin límites. Se ejecuta por completo en tu navegador.
¿Se suben mis colores a algún sitio?
No. La conversión es JavaScript puro que corre en tu dispositivo, no se envía nada a un servidor, y sigue funcionando sin conexión una vez cargada la página.
¿Cuál es la fórmula para convertir HEX a RGB?
Divide el código hex en tres pares y convierte cada par de base 16 a decimal: multiplica el primer dígito por 16 y suma el segundo (a=10 ... f=15). En #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
¿Admite el formato abreviado de 3 dígitos como #f53?
Sí. En la forma abreviada de CSS cada dígito se duplica, así que #f53 se expande a #ff5533 y se convierte en rgb(255, 85, 51). El formato de 4 dígitos funciona igual, con el último dígito como alfa.
¿Cómo convierte de HEX a RGBA?
Un código hex de 8 dígitos lleva el alfa en su último par. Ese byte (0-255) se divide entre 255 para obtener el alfa de 0 a 1 que espera rgba(), redondeado a tres decimales, así que #ff573380 se convierte en rgba(255, 87, 51, 0.502).
¿Puede convertir de RGB a HEX?
Sí. Usa la fila de RGB a HEX bajo el resultado: introduce valores de rojo, verde y azul de 0 a 255 y devuelve el código hex al instante. Los valores fuera de rango se ajustan al intervalo 0-255.
¿Por qué necesito rgb() en vez de hex?
Sobre todo por el alfa y por los cálculos: rgba(255, 87, 51, 0.5) hace un color translúcido, y muchas API, motores de juego y especificaciones de diseño esperan números de canal separados de 0 a 255 en lugar de una cadena hex.