AbraCalc

Calculateur d'Opacité Hex

Convertissez un pourcentage d'opacité en son suffixe alpha hex à 2 chiffres pour les couleurs hex CSS à 8 chiffres (#rrggbbaa).

Par · Relu par AbraCalc Methodology Review · 2 sources

Intégrer cet outil sur votre site
Citer cet outil

APA

AbraCalc. (2026). Calculateur d'Opacité Hex [Online calculator]. Retrieved from https://abracalc.com/fr/calculateur-opacite-hex/

BibTeX

@misc{abracalc-calculateur-opacite-hex, author = {AbraCalc}, title = {Calculateur d'Opacité Hex}, year = {2026}, howpublished = {\url{https://abracalc.com/fr/calculateur-opacite-hex/}} }

Cet outil a-t-il répondu à votre question ?

Comment utiliser cet outil

  1. Définissez le pourcentage d'opacité (0–100).
  2. Entrez la couleur hex de base à 6 chiffres.
  3. Copiez le hex à 8 chiffres (par ex. #3a86ffcc) dans votre CSS.

Le CSS moderne prend en charge les couleurs hex à 8 chiffres (#rrggbbaa) où les deux derniers chiffres représentent le canal alpha. Cet outil convertit un pourcentage d'opacité en cet octet hex.

Formule

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.

Questions fréquentes

Qu'est-ce qu'une couleur hex à 8 chiffres ?
#rrggbbaa où aa est le canal alpha : 00 = totalement transparent, ff = totalement opaque. Pris en charge dans CSS Color Level 4.
50% correspond-il exactement à 0x80 ?
50% × 255 = 127.5, ce qui s'arrondit à 128 = 0x80. La différence visuelle avec 127 est imperceptible.

Références et sources