AbraCalc

Calculadora de Opacidad Hex

Convierte un porcentaje de opacidad a su sufijo hex alfa de 2 dígitos para colores hex CSS de 8 dígitos (#rrggbbaa).

Por · Revisado por AbraCalc Methodology Review · 2 fuentes

Insertar esta herramienta en tu sitio
Citar esta herramienta

APA

AbraCalc. (2026). Calculadora de Opacidad Hex [Online calculator]. Retrieved from https://abracalc.com/es/opacidad-hex/

BibTeX

@misc{abracalc-opacidad-hex, author = {AbraCalc}, title = {Calculadora de Opacidad Hex}, year = {2026}, howpublished = {\url{https://abracalc.com/es/opacidad-hex/}} }

¿Esta herramienta respondió tu pregunta?

Cómo usar esta herramienta

  1. Ajusta el porcentaje de opacidad (0–100).
  2. Ingresa el color hex base de 6 dígitos.
  3. Copia el hex de 8 dígitos (por ejemplo #3a86ffcc) en tu CSS.

El CSS moderno soporta colores hex de 8 dígitos (#rrggbbaa) donde los últimos dos dígitos representan el canal alfa. Esta herramienta convierte un porcentaje de opacidad a ese byte hex.

Fórmula

The 8-bit alpha value for an opacity percentage p is:

alpha = round(p / 100 × 255)

The two-digit hex alpha byte is the zero-padded hexadecimal representation of that integer. The full 8-digit CSS hex color is:

#RRGGBB + alpha_hex

For example, 50% opacity → round(0.50 × 255) = 128 → hex 80 → #rrggbb80.

Preguntas frecuentes

¿Qué es un color hex de 8 dígitos?
#rrggbbaa donde aa es el canal alfa: 00 = totalmente transparente, ff = totalmente opaco. Compatible con CSS Color Level 4.
¿El 50% es exactamente 0x80?
50% × 255 = 127.5, que se redondea a 128 = 0x80. La diferencia visual respecto a 127 es imperceptible.

Referencias y fuentes