HEX-zu-RGB-Konverter
Wandle einen Hex-Farbcode in RGB-Werte um.
Läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin gesendet.
- 3, 4, 6 oder 8 Ziffern
- Auch RGBA und HSL
- Kopieren mit einem Klick
So wandelst du HEX in RGB um
- Gib einen Hex-Code ein, mit oder ohne #.
- Die RGB-, RGBA- und HSL-Werte aktualisieren sich beim Tippen.
- Klick auf den Kopieren-Knopf neben dem Wert, den du brauchst.
Beispiele für HEX zu RGB
| Hex | RGB | Hinweis |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Normaler 6-stelliger Hex-Code |
| #F80 | rgb(255, 136, 0) | 3-stellige Kurzform, gleiche Farbe |
| #000000 | rgb(0, 0, 0) | Schwarz |
| #FFFFFF | rgb(255, 255, 255) | Weiß |
| #FF880080 | rgba(255, 136, 0, 0.5) | 8-stelliger Hex-Code mit Alpha |
Eine Kurzform und ihre volle Version ergeben immer genau dieselbe Farbe, weil jede Kurzform-Ziffer einfach verdoppelt wird.
Woher Hex-Codes kommen
Design-Tools wie Figma und Photoshop, und die DevTools jedes Browsers, zeigen eine Farbe standardmäßig als Hex, weil das der kürzeste Weg ist, eine exakte Farbe als Text zu schreiben.
Hex gehört seit den frühesten Farbattributen von HTML in den 1990er-Jahren zum Web, lange bevor es die CSS-Funktionen rgb() und hsl() gab. Diese Geschichte ist auch der Grund, warum die meisten Styleguides immer noch mit Hex beginnen.
Häufige Fehler bei Hex-Codes
- Ein Hex-Code braucht 3, 4, 6 oder 8 Ziffern. Eine Länge von 5 oder 7 ist ungültig und lässt sich nicht umwandeln.
- Manche älteren Windows-APIs speichern Farben als BGR statt RGB, ein aus Legacy-Code kopierter Code kann also Rot und Blau vertauscht haben.
- Die letzten zwei Ziffern eines 8-stelligen Codes sind Alpha, kein vierter Farbkanal, daher ist #FF880000 komplett transparent, kein dunkleres Orange.
Häufige Fragen zu HEX zu RGB
Wie wandle ich HEX von Hand in RGB um?
Teile den Code in drei Paare und wandle jedes Paar vom Sechzehner- ins Zehnersystem um. Für #F08A3C ergibt das F0 = 240, 8A = 138 und 3C = 60, also rgb(240, 138, 60).
Was ist ein 3-stelliger Hex-Code?
Eine Kurzform, bei der jede Ziffer verdoppelt wird. #F80 ist dieselbe Farbe wie #FF8800, und #000 ist Schwarz.
Was bedeuten die letzten zwei Ziffern eines 8-stelligen Hex-Codes?
Das ist der Alpha-Wert, also die Deckkraft. #FF880080 ist Orange bei etwa 50 Prozent Deckkraft, dasselbe wie rgba(255, 136, 0, 0.5).
Muss der Code mit einem # beginnen?
Nein. Der Konverter akzeptiert Codes mit oder ohne #, in Groß- oder Kleinschreibung.
Warum wird mein Hex-Code als ungültig angezeigt?
Ein Hex-Code muss genau 3, 4, 6 oder 8 Ziffern mit 0-9 und A-F haben. Eine Länge wie 5 oder 7, oder ein Zeichen außerhalb dieses Bereichs, lässt sich nicht umwandeln.
Kann ich eine CSS-Variable wie var(--brand) einfügen?
Nein, füg den eigentlichen Farbwert ein. Schau vorher nach, wozu die Variable aufgelöst wird, zum Beispiel im Computed-Styles-Bereich der DevTools deines Browsers.
Was ist der kürzestmögliche Hex-Code?
3 Ziffern, wie #000 für Schwarz oder #fff für Weiß. Jede Ziffer steht für ein verdoppeltes Paar im vollen 6-stelligen Wert.