Stimmt etwas mit diesem Tool nicht?

Über „RGBA Zu HEX Konverter Online“

Dieses Tool wandelt RGBA-Werte in 8-stelliges Hex mit Alpha. rgba(255, 87, 51, 0.5) wird zu #FF573380 (letzte zwei Stellen = 50% Alpha). Modernes CSS unterstützt beides — manchmal braucht man die kompakte Hex-Form.

8-stelliges Hex passt in Design-Tokens, Theme-Files und CSS-Variablen, wo Farbe samt Opacity in einem String stehen soll. Auch beim Kopieren in Tools, die nur Hex akzeptieren.

Exakt für Alpha-Werte, die sauber auf 8 Bit gerundet werden (Vielfache von 1/255). Bei 0.123 o. Ä. erfolgt minimales Runden auf den nächstgelegenen darstellbaren Alpha-Wert.

So nutzt du dieses Tool

RGBA in eine hex-Farbe (mit Alpha) umwandeln

  1. Zwei Eingabewege

    RGBA-String in «RGBA code» tippen/einfügen (z. B. `rgba(255,128,0,0.5)` oder vier Zahlen `200 180 90 0.25`), oder R/G/B-Slider plus Alpha-Zahl setzen. Ein nicht-leeres «RGBA code»-Feld überschreibt die Slider.

  2. Akzeptierte RGBA-Formate

    Der Parser kennt `rgba(r, g, b, a)`, `rgb(r, g, b)` (Alpha-Default 1) und Whitespace-getrennte Quadrupel wie `255 128 0 0.5`. Alpha als Float 0–1; Opacity in Prozent wird nicht geparst.

  3. Ausführen

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

  4. Alpha muss 0–1 bleiben

    Slider-Modus validiert Alpha als Zahl zwischen 0 und 1 inklusive — sonst «Alpha must be a number from 0 to 1.» Liegt nur ein Prozentwert vor, vorher von 0–100 % umrechnen.

Ähnliche Tools