AbraCalc

Calculadora de Opacidade Hex

Converta uma porcentagem de opacidade para seu sufixo hex alfa de 2 dígitos para uso em cores hex CSS de 8 dígitos (#rrggbbaa).

Por · Revisado por AbraCalc Methodology Review · 2 fontes

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Calculadora de Opacidade Hex [Online calculator]. Retrieved from https://abracalc.com/pt/calculadora-de-opacidade-hex/

BibTeX

@misc{abracalc-calculadora-de-opacidade-hex, author = {AbraCalc}, title = {Calculadora de Opacidade Hex}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/calculadora-de-opacidade-hex/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Defina a porcentagem de opacidade (0–100).
  2. Informe a cor hex base de 6 dígitos.
  3. Copie o hex de 8 dígitos (ex.: #3a86ffcc) para o seu CSS.

O CSS moderno suporta cores hex de 8 dígitos (#rrggbbaa) onde os últimos dois dígitos representam o canal alfa. Esta ferramenta converte uma porcentagem de opacidade nesse 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.

Perguntas frequentes

O que é uma cor hex de 8 dígitos?
#rrggbbaa onde aa é o canal alfa: 00 = totalmente transparente, ff = totalmente opaco. Suportado no CSS Color Level 4.
50% é exatamente 0x80?
50% × 255 = 127.5, que arredonda para 128 = 0x80. A diferença visual em relação a 127 é imperceptível.

Referências e fontes