AbraCalc

Hex-Deckkraft-Rechner

Rechnen Sie einen Deckkraft-Prozentwert in das 2-stellige Hex-Alpha-Suffix für 8-stellige CSS-Hex-Farben (#rrggbbaa) um.

Von · Geprüft von AbraCalc Methodology Review · 2 Quellen

Dieses Tool auf deiner Seite einbetten
Dieses Tool zitieren

APA

AbraCalc. (2026). Hex-Deckkraft-Rechner [Online calculator]. Retrieved from https://abracalc.com/de/hex-deckkraft-rechner/

BibTeX

@misc{abracalc-hex-deckkraft-rechner, author = {AbraCalc}, title = {Hex-Deckkraft-Rechner}, year = {2026}, howpublished = {\url{https://abracalc.com/de/hex-deckkraft-rechner/}} }

Hat dieses Tool deine Frage beantwortet?

So verwendest du dieses Tool

  1. Legen Sie den Deckkraft-Prozentwert fest (0–100).
  2. Geben Sie die 6-stellige Basis-Hex-Farbe ein.
  3. Kopieren Sie das 8-stellige Hex (z. B. #3a86ffcc) in Ihr CSS.

Modernes CSS unterstützt 8-stellige Hex-Farben (#rrggbbaa), bei denen die letzten zwei Stellen den Alphakanal darstellen. Dieses Tool rechnet einen Deckkraft-Prozentwert in dieses Hex-Byte um.

Formel

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.

Häufige Fragen

Was ist eine 8-stellige Hex-Farbe?
#rrggbbaa, wobei aa der Alphakanal ist: 00 = völlig transparent, ff = voll deckend. Unterstützt in CSS Color Level 4.
Ist 50% exakt 0x80?
50% × 255 = 127.5, was zu 128 = 0x80 gerundet wird. Der visuelle Unterschied zu 127 ist nicht wahrnehmbar.

Quellen und Verweise