Stimmt etwas mit diesem Tool nicht?

Über „HEX Zu RGBA Konverter Online“

Dieses Tool wandelt Hex-Farbcodes in RGBA, wobei A der Alpha-Kanal (Deckkraft 0–1) ist. Hex wie #FF5733 enthält keine Transparenz; rgba(255, 87, 51, 0.5) liefert eine halbtransparente Variante für Overlays, Gradient-Stops oder Design-Tokens.

RGBA ist unverzichtbar bei halbtransparenten UI-Elementen: Tooltips, Modal-Backdrops, ausgeblasste Chart-Balken, Wasserzeichen. 8-stelliges Hex (#FF5733FF) ist eine Alternative, aber RGBA ist im Design verbreiteter.

Praktisch für transparente UI-Zustände, gedimmte Primärfarben in Disabled-Buttons oder optisches Farbmischen mit Layern.

So nutzt du dieses Tool

Eine hex-Farbe (mit optionalem Alpha) in RGBA umwandeln

  1. Hex-Wert eingeben

    Hex ins Feld «Hex (#RGB … #RRGGBBAA)». Vier Längen werden unterstützt: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — `#` ist optional, Schreibweise egal.

  2. Wie Alpha geparst wird

    Enthält der Hex Alpha (4 oder 8 Stellen), wird er verwendet; sonst ist Alpha standardmäßig 1 (voll deckend). Der Bytewert wird durch 255 geteilt zur 0–1-Float und auf 4 Nachkommastellen gekürzt.

  3. Ausführen

    Ausgabe: `r`, `g`, `b` (0–255), `a` (Float 0–1), `alphaByte` (0–255), `hex` (8-stellig normalisiert), `hexRgb` (6-stellig ohne Alpha) und `rgbaCss` (kopierfertiger `rgba(r, g, b, a)`-String).

  4. hex vs hexRgb sinnvoll wählen

    `hex` (8-stellig) im CSS verwenden, wenn 8-stelliges Hex unterstützt wird. `hexRgb` nehmen, wenn Sie einen klassischen 6-stelligen Hex plus separate `opacity` oder `rgba()`-Deklaration brauchen.

Ähnliche Tools