Transparencia
Calculadora de opacidad de color - RGBA y Hex alfa
Convierte porcentajes de opacidad a valores RGBA, HSLA y Hex alfa de ocho dígitos, con vista previa en tiempo real sobre blanco, negro y fondos personalizados.
Formatos de color
Cómo usar esta herramienta
Elige un color base y una transparencia, y observa el resultado real compuesto sobre blanco, negro y un fondo personalizado. Úsalo para superposiciones, interfaces deshabilitadas, efectos de cristal, sombras y tokens CSS transparentes.
- 1 Introduce el color base.
- 2 Ajusta la opacidad entre 0 % y 100 %.
- 3 Copia RGBA, HSLA o Hex de ocho dígitos.
Preguntas frecuentes
¿Dónde se guarda el alfa en el Hex de ocho dígitos?
En los dos últimos dígitos, después de los seis dígitos RGB.
¿Por qué un color transparente se ve distinto en cada fondo?
El resultado visible combina los canales del primer plano y del fondo según el alfa.
¿Cuál es el Hex alfa del 50 % de opacidad?
El 50 % equivale aproximadamente a 80 en Hex alfa, así que #00000080 es negro con un 50 % de opacidad.
¿Cuándo usar RGBA en lugar de Hex alfa?
RGBA es más legible cuando la opacidad importa para el mantenimiento; el Hex alfa es compacto cuando quieres un único token de color CSS.