So rechnen Sie RGB in Hex um
- Geben Sie die Rot-, Grün- und Blauwerte (0–255) über die Schieberegler oder Zahlenfelder ein oder fügen Sie einen CSS-
rgb()-Wert ein. - Der Hex-Code erscheint sofort, zusammen mit HSL, HSV und CMYK. Stellen Sie Alpha unter 1, um einen 8-stelligen Hex-Code mit Transparenz zu erhalten.
- Kopieren Sie den Hex-Code oder verfolgen Sie anhand der Formel, wie jeder Wert umgerechnet wurde.
Formel: RGB in Hex umrechnen
Jeder RGB-Kanal von 0 bis 255 wird zu genau zwei Hex-Ziffern. Teilen Sie den Wert durch 16: Das ganzzahlige Ergebnis ist die erste Ziffer, der Rest die zweite, wobei 10–15 als A–F geschrieben werden. Beispiel für rgb(124, 58, 237):
- Rot: 124 ÷ 16 = 7 Rest 12 →
7C - Grün: 58 ÷ 16 = 3 Rest 10 →
3A - Blau: 237 ÷ 16 = 14 Rest 13 →
ED
Hinter einem # zusammengesetzt ergibt das #7C3AED. Schreiben Sie immer zwei Ziffern pro Kanal: Aus 9 wird 09, nicht 9.
RGB in Hex umrechnen im Code
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel und Google Sheets:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(im deutschen Excel DEZINHEX mit Semikolon als Trennzeichen) - CSS: keine Umrechnung nötig –
rgb()und Hex-Codes sind austauschbar.
Transparenz hinzufügen (Alpha)
Für einen 8-stelligen Code multiplizieren Sie die Deckkraft (0–1) mit 255, runden das Ergebnis und hängen es als zwei weitere Hex-Ziffern an: 0,5 × 255 = 127,5 → 128 → 80, also ist rgba(124, 58, 237, 0.5) = #7C3AED80.
| Deckkraft | Hex | Deckkraft | Hex |
|---|---|---|---|
| 100 % | FF | 50 % | 80 |
| 90 % | E6 | 40 % | 66 |
| 80 % | CC | 30 % | 4D |
| 75 % | BF | 25 % | 40 |
| 70 % | B3 | 20 % | 33 |
| 60 % | 99 | 10 % | 1A |
Häufig gestellte Fragen
Wie lautet die Formel, um RGB in Hex umzurechnen?
Für jeden Kanal ist die erste Hex-Ziffer der Wert geteilt durch 16 (ganzzahlig) und die zweite der Rest, wobei 10–15 als A–F geschrieben werden. Setzen Sie die drei Paare hinter einem # zusammen: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Warum braucht jeder Kanal zwei Hex-Ziffern?
Ein Hex-Farbcode wird in festen Paaren gelesen. rgb(0, 128, 9) muss als #008009 geschrieben werden; ohne die führenden Nullen würden sich die Paare verschieben und eine andere oder ungültige Farbe ergeben.
Kann ein Hex-Farbcode Transparenz speichern?
Ja. Moderne Browser akzeptieren 8-stellige Codes #RRGGBBAA, bei denen das letzte Paar der Alphawert von 00 (vollständig transparent) bis FF (deckend) ist. Aus rgba(124, 58, 237, 0.5) wird #7C3AED80.
Ist die Umrechnung von RGB in Hex exakt?
Bei ganzzahligen RGB-Werten ja: Jede Zahl von 0 bis 255 hat genau eine zweistellige Hex-Form, sodass die Rückrechnung dieselben Werte ergibt. Nur Alpha wird auf die nächste von 256 Stufen gerundet.