HEX in RGB umrechnen
Fügen Sie einen HEX-Farbcode ein und erhalten Sie die RGB-Werte, fertig zum Kopieren als rgb() oder rgba().
HEX-Farbcodes in RGB umrechnen
Designdateien und Markenrichtlinien nennen Farben meist als HEX-Code, während Canvas-Code, SVG-Attribute, Bildbibliotheken und CSS mit Transparenz oft RGB-Zahlen erwarten. Beide Schreibweisen beschreiben genau dasselbe, die Umrechnung ist also verlustfrei.
Diese Seite öffnet den Farbkonverter mit HEX als Eingabeformat und einem geladenen Beispiel. Ersetzen Sie es durch Ihren eigenen Code.
So funktioniert die Umrechnung
Eine HEX-Farbe besteht aus drei Bytes in Basis 16: Rot, Grün und Blau. Jedes Ziffernpaar reicht von 00 bis FF, dezimal also von 0 bis 255. Um ein Paar umzurechnen, multiplizieren Sie die erste Ziffer mit 16 und addieren die zweite, wobei A bis F für 10 bis 15 stehen.
| HEX | Paare | RGB |
|---|---|---|
#0A84FF | 0A · 84 · FF | rgb(10, 132, 255) |
#FF5733 | FF · 57 · 33 | rgb(255, 87, 51) |
#FFF | FF · FF · FF | rgb(255, 255, 255) |
#000000 | 00 · 00 · 00 | rgb(0, 0, 0) |
Kurzformen und Alpha
- 3 Ziffern: Jede Ziffer wird verdoppelt,
#0AFist also#00AAFF. - 4 Ziffern: dieselbe Verdopplung, die vierte Ziffer ist Alpha.
- 8 Ziffern: Das letzte Paar ist Alpha von 00 (transparent) bis FF (deckend), angezeigt als
rgba()mit einem Wert von 0 bis 1. - Das führende
#ist optional; Klein- und Großbuchstaben funktionieren gleichermaßen.
HEX in RGB im Code
In JavaScript liefert parseInt('84', 16) den Wert 132, eine vollständige Umrechnung sind also drei solche Aufrufe auf die Paare. In Python erledigt tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) dasselbe für einen sechsstelligen String ohne #. Modernes CSS akzeptiert beide Schreibweisen direkt, eine Umrechnung ist also nur nötig, wenn ein Werkzeug oder eine API auf einer davon besteht.
Verwandte Umrechnungen
In die andere Richtung macht RGB in HEX aus Kanalwerten wieder einen Code. Um hellere und dunklere Varianten zu bauen, ist HEX in HSL meist bequemer, und der Kontrast-Checker sagt Ihnen, ob eine Farbe auf ihrem Hintergrund lesbar ist.