Referencia alfa
Tabla de opacidad Hex - Valores alfa para CSS
Convierte porcentajes de opacidad a valores Hex alfa de dos dígitos y a códigos de color Hex de ocho dígitos con vista previa RGBA.
| Opacidad | Hex alfa | Hex8 | RGBA | Copiar |
|---|---|---|---|---|
| 100% | FF | #000000FF | rgba(0, 0, 0, 1) | |
| 95% | F2 | #000000F2 | rgba(0, 0, 0, 0.95) | |
| 90% | E6 | #000000E6 | rgba(0, 0, 0, 0.9) | |
| 80% | CC | #000000CC | rgba(0, 0, 0, 0.8) | |
| 75% | BF | #000000BF | rgba(0, 0, 0, 0.75) | |
| 70% | B3 | #000000B3 | rgba(0, 0, 0, 0.7) | |
| 60% | 99 | #00000099 | rgba(0, 0, 0, 0.6) | |
| 50% | 80 | #00000080 | rgba(0, 0, 0, 0.5) | |
| 40% | 66 | #00000066 | rgba(0, 0, 0, 0.4) | |
| 30% | 4D | #0000004D | rgba(0, 0, 0, 0.3) | |
| 25% | 40 | #00000040 | rgba(0, 0, 0, 0.25) | |
| 20% | 33 | #00000033 | rgba(0, 0, 0, 0.2) | |
| 15% | 26 | #00000026 | rgba(0, 0, 0, 0.15) | |
| 10% | 1A | #0000001A | rgba(0, 0, 0, 0.1) | |
| 5% | 0D | #0000000D | rgba(0, 0, 0, 0.05) | |
| 0% | 00 | #00000000 | rgba(0, 0, 0, 0) |
Cómo usar esta herramienta
Usa esta tabla rápida cuando necesites los dos últimos dígitos de un color Hex de ocho dígitos. Elige un color base, revisa los porcentajes de opacidad habituales y copia Hex8 o RGBA para superposiciones, interfaces deshabilitadas y tokens transparentes.
- 1 Introduce un color Hex base.
- 2 Busca el porcentaje de opacidad que necesitas.
- 3 Copia el valor Hex alfa, Hex8 o RGBA.
Preguntas frecuentes
¿Cuál es el Hex alfa del 50 % de opacidad?
El 50 % se redondea a 80, así que el negro con un 50 % de opacidad es #00000080.
¿Por qué el 25 % se convierte en 40?
El alfa usa un canal de 0 a 255. El 25 % de 255 se redondea a 64, que en hexadecimal es 40.
¿El Hex alfa es lo mismo que la opacidad CSS?
El Hex alfa pertenece a un solo valor de color. La propiedad CSS opacity afecta a todo el elemento y a sus hijos.
¿Puedo usar Hex alfa en los navegadores modernos?
Sí. Los navegadores modernos admiten el Hex de ocho dígitos, aunque a muchos equipos les resulta más legible RGBA.