RGB in HEX umrechnen
Geben Sie Rot-, Grün- und Blauwerte oder einen CSS-String wie rgb() ein und erhalten Sie den passenden HEX-Farbcode.
RGB-Farben in HEX-Codes umrechnen
Farbwähler, Bildbearbeitungsprogramme und Grafikcode geben Farben oft als drei Zahlen aus, während CSS, Design-Tokens und Markenrichtlinien den kompakten HEX-Code bevorzugen. Die Umrechnung von RGB in HEX ist exakt: Dieselben drei Bytes werden einfach in Basis 16 geschrieben.
Diese Seite öffnet den Farbkonverter mit RGB als Eingabeformat und einem eingetragenen Beispiel.
Die Umrechnung Schritt für Schritt
- Nehmen Sie jeden Kanalwert von 0 bis 255.
- Teilen Sie durch 16: Das ganzzahlige Ergebnis ist die erste Hex-Ziffer, der Rest die zweite (10 bis 15 werden als A bis F geschrieben).
- Füllen Sie einstellige Werte mit einer führenden Null auf, aus 10 wird also
0A, nichtA. - Hängen Sie die drei Paare hinter ein
#.
| RGB | Pro Kanal | HEX |
|---|---|---|
rgb(10, 132, 255) | 0A · 84 · FF | #0A84FF |
rgb(255, 87, 51) | FF · 57 · 33 | #FF5733 |
rgb(128, 128, 128) | 80 · 80 · 80 | #808080 |
Die vergessene Null ist der klassische Fehler selbstgeschriebener Konverter: 10, 132, 255 ohne Auffüllen aneinandergehängt ergibt #A84FF, und das ist keine gültige Farbe.
rgba() und achtstelliges HEX
CSS akzeptiert achtstellige HEX-Codes schon seit Jahren. Das vierte Paar ist Alpha: Multiplizieren Sie den Alphawert zwischen 0 und 1 mit 255 und runden Sie, aus 0,5 wird so 128, in Hex 80. Der Konverter zeigt sowohl den achtstelligen Code als auch die rgba()-Form, Sie können also nehmen, was Ihr Werkzeug unterstützt.
RGB in HEX im Code
In JavaScript: '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''). In Python: '#{:02X}{:02X}{:02X}'.format(r, g, b). Beide übernehmen das Auffüllen mit Nullen für Sie.
Verwandte Tools
Nutzen Sie HEX in RGB für die umgekehrte Richtung, HEX in HSL, wenn Sie die Helligkeit systematisch anpassen wollen, und den Kontrast-Checker, bevor Sie eine Farbe für Text verwenden.