Conversor de HEX a RGBA
Convierte un código HEX en un valor rgba() que puedes hacer semitransparente editando el número alfa.
Entrada hex
Resultado · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cómo usarlo: HEX a RGBA
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
Sobre HEX y RGBA
RGBA es RGB con un cuarto componente, el alfa, que fija la opacidad de 0 (totalmente transparente) a 1 (totalmente opaco). Un código HEX estándar de seis dígitos, como #6A5ACD, no incluye transparencia, así que el conversor lo devuelve como rgba(106, 90, 205, 1): el mismo color con opacidad total.
Para hacerlo translúcido, cambia el último número: rgba(106, 90, 205, 0.5) es semitransparente y 0.15 da un tinte suave. Es la forma habitual de crear capas sobre fotos, sombras sutiles, resaltados al pasar el cursor y fondos translúcidos sin definir un color más claro aparte. A diferencia de la propiedad opacity, el alfa de rgba() afecta solo a ese color, así que el texto dentro de una caja semitransparente sigue nítido.
El CSS moderno también acepta códigos HEX de ocho dígitos con alfa, como #6A5ACD80, pero rgba() es más fácil de leer y editar y además funciona en navegadores y clientes de correo antiguos.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.