AbraCalc

Hex in RGBA Farbumrechner

Rechnen Sie eine CSS-Hex-Farbe (#rrggbb oder #rgb) in einen RGBA-Wert mit eigenem Alphakanal um. Kostenlos, sofort.

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

Dieses Tool auf deiner Seite einbetten
Dieses Tool zitieren

APA

AbraCalc. (2026). Hex in RGBA Farbumrechner [Online calculator]. Retrieved from https://abracalc.com/de/hex-in-rgba/

BibTeX

@misc{abracalc-hex-in-rgba, author = {AbraCalc}, title = {Hex in RGBA Farbumrechner}, year = {2026}, howpublished = {\url{https://abracalc.com/de/hex-in-rgba/}} }

Hat dieses Tool deine Frage beantwortet?

So verwendest du dieses Tool

  1. Geben Sie Ihren Hex-Farbcode ein (z. B. #3a86ff oder #f0f).
  2. Legen Sie den Alpha-Wert zwischen 0 (unsichtbar) und 1 (deckend) fest.
  3. Kopieren Sie das rgba()-Ergebnis in Ihr CSS.

Rechnen Sie eine CSS-Hex-Farbe in rgba() mit eigenem Alpha-(Deckkraft-)Wert um. Nützlich für halbtransparente Farben in CSS.

Formel

Given a hex color #rrggbb:

R = parseInt(rr, 16)   G = parseInt(gg, 16)   B = parseInt(bb, 16)

Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places

Result: rgba(R, G, B, a)

Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.

Häufige Fragen

Was ist RGBA?
RGBA ist wie RGB, aber mit einem vierten Kanal, Alpha, der die Deckkraft steuert. 0 ist völlig transparent, 1 ist voll deckend.
Kann ich 3-stellige Hex-Codes nutzen?
Ja. #abc wird vor der Umrechnung automatisch zu #aabbcc erweitert.

Quellen und Verweise