Convertir color Hex a RGB
Pega un color hex como #FF5733 o la forma corta #F53. También admitimos #RRGGBBAA con alfa. Verás la muestra al instante y la salida rgb()/rgba() en el navegador.
Usa la muestra para elegir un color. El RGB también admite comas de ancho completo (,).
100%
Vista previa
CanalesClic para copiar
Privado · Rápido · Gratis
Ejemplos
Haz clic en una fila para rellenar la entrada y convertir
| Entrada | Salida | — |
|---|---|---|
En diseño manda el Hex; en CSS a veces necesitas RGB por canales. Aquí ves el color al instante y admitimos forma corta y Hex de 8 dígitos con alfa.
No es lo mismo que convertir un número Hex a decimal. Para bases numéricas usa Conversor de datos.
Cómo pasar de Hex a RGB
- Pega #FF5733, la forma corta #F53 o #RRGGBBAA con alfa
- También puedes elegir el color en el selector y ajustar la opacidad
- Copia rgb()/rgba() y comprueba que coincida con la vista previa
Ideal cuando
- Pasas Hex de diseño a rgb()/rgba() de CSS
- Expandes el Hex corto de 3 dígitos
- Trabajas con Hex de 8 dígitos y transparencia
Usos habituales
- Llevar colores de Figma a variables CSS
- Comprobar los canales reales de un overlay semitransparente
- Usarlo junto al comprobador de contraste
Consejos prácticos
Preguntas frecuentes
- ¿Funciona el hex corto #F53?
- Sí. Cada dígito se duplica (#F53 → #FF5533) antes de convertir a RGB.
- ¿Cómo se trata el alfa?
- El hex de ocho dígitos #RRGGBBAA pasa a rgba() con alfa de 0 a 1. La vista previa también muestra la transparencia.
- ¿Es lo mismo que hex a decimal?
- No. Las herramientas de color tratan el hex como canales rojo/verde/azul. Para números arbitrarios usa los conversores de base.