Saltar al contenido

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

RGB → hex

Privado · Rápido · Gratis

Ejemplos

Haz clic en una fila para rellenar la entrada y convertir

EntradaSalida

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

  1. Pega #FF5733, la forma corta #F53 o #RRGGBBAA con alfa
  2. También puedes elegir el color en el selector y ajustar la opacidad
  3. 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

  • En la forma corta, cada dígito se duplica (#F53 → #FF5533)
  • El camino inverso es RGB a Hex
  • Si necesitas HSL, prueba Hex a HSL

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.

Herramientas relacionadas