HEX to RGBA

Acerca de esta herramienta

El conversor de HEX a RGBA transforma códigos de color hexadecimales al formato RGBA con control opcional de opacidad. Los desarrolladores web usan esta herramienta al añadir transparencia a colores en CSS, como para superposiciones, sombras y fondos semitransparentes.

Simplemente introduce un código de color hex (3, 6 u 8 caracteres) y la herramienta genera al instante el valor rgba() equivalente. También puedes ajustar el valor alfa (opacidad) de 0 a 1.

Cómo usar

1. Introduce un código de color hex (p. ej. #ff5733 o #f53).
2. El resultado en RGBA se actualiza al instante.
3. Ajusta el control deslizante de alfa para fijar la opacidad (0 = transparente, 1 = opaco).
4. Copia el valor rgba() y pégalo en tu CSS.
5. Usa el hex de 8 dígitos (#RRGGBBAA) para codificar el alfa directamente.

Casos de uso

Útil para superposiciones CSS, colores de box-shadow, elementos de interfaz semitransparentes y siempre que necesites añadir opacidad a un color hex específico.

Preguntas frecuentes

• ¿Qué es RGBA? — RGBA es un formato de color CSS: Red (rojo), Green (verde), Blue (azul) y Alpha (opacidad). El canal alfa va de 0 (totalmente transparente) a 1 (totalmente opaco).
• ¿Puedo convertir un hex de 3 dígitos? — Sí. #abc se expande automáticamente a #aabbcc antes de la conversión.
• ¿Qué significa el hex de 8 dígitos? — Un hex de 8 dígitos como #FF5733AA incluye un canal alfa en los dos últimos dígitos, que también se traduce directamente a RGBA.
• ¿Puedo pegar un nombre de color CSS? — No, solo se admiten códigos hexadecimales. Usa un selector de color para convertir primero un color con nombre a hexadecimal.