Cómo usar esta herramienta para desarrolladores
- Pega un color HEX.
- Ejecuta la conversión.
- Revisa R, G, B y alfa.
- Copia la función CSS resultante.
Conversor HEX a RGB
Convierte códigos HEX usados en CSS a componentes RGB o RGBA y valida formatos abreviados y completos. Acepta valores con o sin #, expande las variantes de 3 y 4 dígitos y conserva el canal alfa cuando existe. El resultado incluye la función CSS correspondiente y los valores de cada canal para facilitar depuración, diseño y migraciones de paletas.
Datos de entrada
Color HEXEspacio publicitario
Qué hace esta herramienta para desarrolladores
Interpreta los pares hexadecimales como canales de 0 a 255. En formatos con alfa, el último par se normaliza entre 0 y 1.
HEX #RRGGBB se divide en tres bytes; #RGB duplica cada nibble. #RGBA y #RRGGBBAA añaden transparencia.
El resultado numérico no cambia el espacio de color: solo cambia la representación.
Ejemplo
#336699 → rgb(51, 102, 153)
Casos de uso
- Depurar variables CSS.
- Migrar paletas a RGB.
- Comprobar transparencia HEX8.
Consejos para obtener resultados fiables
- Incluye # por legibilidad aunque no sea obligatorio aquí.
- Usa HEX8 cuando necesites alfa.
- No confundas alfa con luminosidad.
- Comprueba contraste por separado.
Detalles del procesamiento
La validación distingue longitudes permitidas y rechaza caracteres fuera de 0-9 y A-F.
No convierte perfiles de color ICC ni realiza gestión de gamut.
Preguntas frecuentes
¿Cómo convertir #fff o #ffff a RGB y RGBA?
Los formatos abreviados duplican cada dígito: #fff equivale a #ffffff y #ffff a #ffffffff.
¿Qué significa el canal alfa en un HEX de 8 dígitos?
Los dos últimos dígitos representan opacidad de 00 a FF y se normalizan a un valor de 0 a 1.
¿Puedo pegar un HEX sin el símbolo #?
Sí. La herramienta acepta el valor con o sin #.
¿HEX y RGB representan colores diferentes?
No necesariamente; pueden ser dos notaciones del mismo valor sRGB.
¿La conversión HEX a RGB cambia el contraste del color?
No. Cambia la notación, no el color representado.
Herramientas relacionadas para desarrolladores
Datos del resultado
| Dato | Descripción |
|---|---|
| Rojo | Valor calculado por Conversor HEX a RGB. |
| Verde | Valor calculado por Conversor HEX a RGB. |
| Azul | Valor calculado por Conversor HEX a RGB. |
| Alfa | Valor calculado por Conversor HEX a RGB. |
Centro de categoría
Consulta más utilidades de Color y CSS.