Stimmt etwas mit diesem Tool nicht?

Über „HEX Zu RGB Konverter Online“

Dieses Tool wandelt Hex-Farbcodes (#FF5733) in RGB-Notation (rgb(255, 87, 51)) und zurück. Beide Formate beschreiben dieselben Farben, aber Tools und Kontexte bevorzugen unterschiedliche Schreibweisen — hex ist in CSS kompakt, RGB ist bei programmatischen Slidern lesbarer.

Unterstützt werden 6-stellige (#FF5733), 3-stellige Kurzform (#F53 entspricht #FF5533) und 8-stellige Hex mit Alphakanal (#FF5733FF). Ausgabe sowohl als rgb() als auch in der modernen rgb(r g b / a)-Syntax.

Praktisch beim Übertragen von Designs zwischen Tools (Figma zeigt Hex, Code erwartet RGB), beim Debuggen visueller Unterschiede in CSS oder beim Entwickeln eigener Tools.

So nutzt du dieses Tool

Eine hex-Farbe in RGB umwandeln

  1. Hex-Code eingeben

    Hex-Wert ins Feld «Hex (#RGB or #RRGGBB)». Das führende `#` ist optional, Groß-/Kleinschreibung egal — `#FF00aa` und `ff00aa` sind gleich.

  2. 3-stellige Kurzform expandieren

    Dreistellige Hex werden automatisch durch Verdopplung pro Stelle expandiert: `#abc` wird vor dem Parsing zu `#aabbcc`. Andere Längen als 3 oder 6 gültige Hex-Ziffern werden mit klarer Fehlermeldung abgelehnt.

  3. Ausführen

    Ergebnis: `r`, `g`, `b` (je 0–255), `rgbCss` (fertig kopierbarer `rgb(r, g, b)`-String) und `hex` (normalisiert, 6 Stellen, Kleinbuchstaben).

  4. rgbCss direkt nutzen

    rgbCss ist genau so formatiert, wie Browser es in Inline-Styles erwarten. In Stylesheet, Design-Tool oder Component-Prop ohne weitere Bearbeitung einfügen.