Convertir color RGBA a hexadecimal
Convierte valores RGBA (con canal alfa) a código hexadecimal de 8 dígitos con vista previa del color.
Tus datos no se envían a ningún servidor.
El conversor de RGBA a hexadecimal transforma los cuatro canales de color (rojo, verde, azul y alfa) en el código hex de 8 dígitos soportado por CSS y la mayoría de herramientas de diseño modernas. Introduce los valores y el resultado aparece al instante, con una vista previa que muestra la transparencia real del color.
Para qué sirve
- CSS con transparencia: usa el hex de 8 dígitos directamente en hojas de estilo en lugar de la función rgba(), con código más limpio y compacto.
- Figma y herramientas de diseño: muchos programas exportan colores RGBA como números enteros; esta herramienta los convierte al formato hex que necesitas para el código.
- Tailwind CSS: las paletas de colores con opacidad se definen como hex de 8 dígitos en la configuración del tema.
- Verificar transparencias: comprueba que el canal alfa que tienes en código se corresponde con la opacidad visual que esperas.
Cómo usar RGBA a hex
- 1
Introduce los valores R, G y B
Escribe un número entre 0 y 255 en cada campo de color. La herramienta corrige automáticamente cualquier valor fuera de rango.
- 2
Añade el canal alfa (A)
El canal alfa también va de 0 (completamente transparente) a 255 (completamente opaco). El valor 128 equivale a un 50 % de opacidad.
- 3
Comprueba la vista previa
El recuadro muestra el color resultante sobre un fondo de cuadrícula para que puedas apreciar el nivel de transparencia con claridad.
- 4
Copia el código hex
Pulsa el botón de copiar para llevarte el código
Preguntas frecuentes
¿Qué es un código hex de 8 dígitos?
Es una extensión del hex de 6 dígitos que añade dos caracteres para el canal alfa. Los seis primeros codifican el color (RR, GG, BB) y los dos últimos la opacidad (AA), donde 00 es transparente y FF es opaco.
¿Qué rango tiene el canal alfa en este conversor?
El canal alfa va de 0 a 255, igual que los canales de color. Esto lo hace coherente con el espacio de color RGBA de 8 bits. Si necesitas el valor en CSS como fracción (0–1), divide el valor entre 255.
¿Qué diferencia hay entre rgba() y el hex de 8 dígitos?
Ambos representan el mismo color con transparencia. rgba(255, 0, 0, 0.5) y
¿Lo admiten todos los navegadores?
Sí. El hex de 8 dígitos tiene soporte completo en todos los navegadores modernos (Chrome, Firefox, Safari, Edge) desde hace varios años. Solo algunos navegadores muy antiguos podrían no reconocerlo.
¿Se envían mis datos a algún servidor?
La conversión ocurre íntegramente en tu navegador con JavaScript. Ningún valor que introduzcas sale de tu dispositivo.