Convertir color hexadecimal a RGBA
Convierte códigos de color hexadecimal a RGBA (con opacidad) al instante con vista previa del color.
Tus datos no se envían a ningún servidor.
El conversor de hexadecimal a RGBA extrae los cuatro canales de color de un
código hex de 8 dígitos: rojo, verde, azul y alfa. El resultado aparece tanto en
formato rgba() listo para CSS como con cada canal desglosado para facilitar su
lectura o edición.
Todo el proceso es local. Tus datos nunca salen de tu navegador.
Para qué sirve
- Leer transparencias de un hex de diseño: cuando recibes un código #RRGGBBAA de Figma, Sketch u otro programa, esta herramienta lo traduce al rgba() que necesitas para el código.
- Depurar estilos: comprueba rápidamente qué valor alfa tiene un color copiado de una hoja de estilo.
- Pasar de hex a CSS: obtén el rgba() con el alfa ya en formato 0–1, sin necesidad de calcular nada a mano.
- Convertir entre formatos: usa el botón de intercambio para ir a RGBA → Hex si quieres hacer la operación inversa.
Cómo usar Hex a RGBA
- 1
Introduce el código hexadecimal de 8 dígitos
Escribe o pega el código hex de 8 caracteres (RRGGBBAA) en el campo de entrada. Solo se aceptan caracteres hexadecimales válidos (0-9, A-F) y se convierte automáticamente a mayúsculas.
- 2
Espera a que se complete el código
El contador 0/8 indica cuántos caracteres has introducido. El resultado aparece en cuanto el código tiene exactamente 8 caracteres.
- 3
Consulta los valores RGBA desglosados
Verás el valor R, G y B (0–255) de cada canal de color y el alfa (A) expresado como número entre 0 y 1, listo para usar en CSS.
- 4
Copia el resultado o intercambia herramienta
Pulsa el botón de copiar para llevarte el código rgba() al portapapeles, o usa el botón de intercambio para pasar a RGBA → Hex con los mismos valores.
Preguntas frecuentes
¿Qué es un hex de 8 dígitos?
Es una extensión del hex de 6 dígitos que añade un canal de transparencia. Los primeros seis caracteres son el color (RR, GG, BB) y los dos últimos son la opacidad (AA), donde 00 es completamente transparente y FF es completamente opaco.
¿Por qué el canal alfa aparece como número entre 0 y 1?
CSS y la mayoría de herramientas de diseño expresan la opacidad en la función rgba() como un decimal entre 0 y 1. Esta herramienta convierte los dos dígitos hex del canal alfa a ese rango dividiendo entre 255.
¿Cuál es la diferencia entre
Algunos programas como Android o ciertos editores hexadecimales usan el formato AARRGGBB (alfa primero). Este conversor usa el formato estándar de CSS, donde el alfa va al final (RRGGBBAA).
¿Lo admiten todos los navegadores?
Sí. El hex de 8 dígitos está soportado en todos los navegadores modernos. Si necesitas compatibilidad con IE11 o versiones antiguas, usa la función rgba() que genera esta herramienta.
¿Se envían mis datos a algún servidor?
No. La conversión ocurre íntegramente en tu navegador. Nada de lo que escribas sale de tu dispositivo.