HEX in RGBA

HEX in RGBA Konverter (Deckkraft)

Konvertieren Sie HEX sofort in RGBA-Farbcodes mit Deckkraft und Alpha-Transparenz. Unterstützt 3-, 6- und 8-stellige Hex-Codes, Stapelverarbeitung und fertige CSS-Ausgabe.

Voreinstellungen:
Farbeingaben & Alpha-Steuerung
#
Rotkanal (R)79
Grünkanal (G)70
Blaukanal (B)229
80% (0.8 | 0xCC)
Wichtige Deckkraft-Meilensteine
#FFFFFF
Substrat-Vorlagen

Beliebige rgba(r, g, b, a)- oder rgb()-Zeichenkette einfügen, um die HEX-Parameter exakt zurückzurechnen.

Berechnet die erforderliche Alpha-Deckkraft, um auf dem Hintergrund die gewünschte Zielfarbe zu treffen.

Zusammengesetzte Mischfarbe#726BEA
rgb(114, 107, 234)
Einfallender Lichtstrahl80% Alpha
rgba(79, 70, 229, 0.8)
Optisches Alpha-Compositing-StrahlendiagrammC_comp = C_fg × A + C_bg × (1 - A)
Vordergrund (Ebene 1) #4F46E5 (Alpha-Kanal: 80%)Substrat (Ebene 2) #FFFFFF (Vollton (100 % Deckkraft))Lichtstrahl-Simulation (1.00)Transmissionsgrad (%): 20%#726BEAY: 20%
Einsatzbereite Code-Snippets für PlattformenAktiver Syntax-Standard: modern-web
CSS Color 3 (rgba)rgba(79, 70, 229, 0.8)
CSS Color 4 (modern)rgb(79 70 229 / 0.8)
8-stelliges HEX (#RRGGBBAA)#4F46E5CC
Tailwind CSSbg-[#4f46e5]/[80%]
Android Color (0xAARRGGBB)0xCC4F46E5
Flutter Color (Color(0xAARRGGBB))Color(0xCC4F46E5)
Aktiver HEX-Code#4F46E5
Ausgabe-RGBArgba(79, 70, 229, 0.8)
BT.709 Relative Leuchtkraft20.0%
Substrat-Kontrast4.19:1
Kontrast zu Weiß4.19:1
Kontrast zu Schwarz5.01:1