Konvertieren Sie Hex-Farbcodes in RGB-Tripel und zurück — sofort, mit Unterstützung der 3- und 6-stelligen Kurzform, komplett lokal.
Wird lokal in deinem Browser verarbeitet
RGB
—
Hex
—
Füllen Sie eines der beiden Felder — Hex wird zu RGB konvertiert, RGB zu Hex. Wenn beide ausgefüllt sind, gewinnt der Hex-Wert. Die 3-stellige Kurzform (#fff) wird auf 6 Stellen erweitert (#ffffff).
Der Hex-zu-RGB-Konverter übersetzt zwischen den beiden Farbschreibweisen, denen jeder Frontend-Entwickler begegnet: Hex-Codes wie #3498db und RGB-Tripel wie rgb(52, 152, 219). Geben Sie eine der beiden Formen ein oder fügen Sie sie ein, und das Tool füllt die andere aus — 6-stelliges Hex wird zu seinen drei Kanalwerten, und ein durch Kommas oder Leerzeichen getrenntes Tripel wird zu seinem Hex-Code. Der Konverter akzeptiert die 3-stellige Kurzform (#fff wird zu #ffffff erweitert), das optionale führende #, Groß- und Kleinschreibung und sogar die vollständige rgb(52, 152, 219)-Funktionssyntax, sodass Werte aus einem Browser-Inspektor, einem Design-Tool oder einem Mockup genau so funktionieren, wie sie eingefügt werden. Die Validierung ist streng darüber, was eine Farbe sein kann: Hex-Ziffern müssen gültig sein, und jeder RGB-Kanal muss eine ganze Zahl von 0 bis 255 sein — ein Tripel wie 300, 0, 0 wird mit einer klaren Meldung abgelehnt, statt stillschweigend begrenzt oder abgeschnitten zu werden. Wenn beide Felder ausgefüllt sind, gewinnt der Hex-Wert, sodass die Rangfolge vorhersehbar und dokumentiert ist statt überraschend. Die Umrechnung ist reine Arithmetik über die Kanalwerte — nichts wird genähert, und nichts, was Sie eingeben, wird hochgeladen, protokolliert oder gespeichert. Verwenden Sie dieses Tool, wenn ein Styleguide Hex vorgibt und Ihre Chart-Bibliothek RGB erwartet, wenn Sie eine Farbe debuggen, die in einem dunklen Theme anders aussieht als erwartet, oder wenn Sie verstehen möchten, wie viel Rot, Grün und Blau eine Farbe wirklich ausmachen.
Ihr Designsystem definiert das Markenblau als #3498db, aber die Chart-Bibliothek benötigt rgb()-Tripel. Der Konverter zerlegt das Hex in seine Paare — 34, 98, db — und interpretiert sie zur Basis 16: 52, 152, 219, sodass das Diagramm rgb(52, 152, 219) erhält und dasselbe Blau anzeigt.
| Eingabe | Wert |
|---|---|
| Hex-Farbe | #3498db |
| RGB | |
| Ergebnis | rgb(52, 152, 219) |
rgb(r, g, b) = Hex-Paare zur Basis 16 interpretiert
| Symbol | Bedeutung |
|---|---|
Hex-Paare | die drei Zweiergruppen eines 6-stelligen Hex-Codes (RRGGBB), jeweils mit parseInt(·, 16) interpretiert |
r, g, b | Kanalwerte von 0 bis 255 |
Die 3-stellige Kurzform (#fff) erweitert jede Ziffer vor der Interpretation, wie CSS es tut.
hex = #rrggbb, jeder Kanal in zwei kleingeschriebenen Hex-Ziffern zur Basis 16
| Symbol | Bedeutung |
|---|---|
Kanal | eine ganze Zahl von 0 bis 255 |
rr gg bb | die zweistelligen Hex-Darstellungen, mit führender Null (z. B. 10 → 0a) |
Zuletzt geprüft 11. August 2026 · Version 1.0.0 · Toolivaro garantiert keine externen Inhalte.
Ein 3-stelliger Code wie #fff ist die CSS-Kurzform: Jede Ziffer wird verdoppelt, #fff bedeutet also #ffffff. Jeder moderne Browser unterstützt das. Der Konverter akzeptiert beide und gibt immer die vollständige 6-stellige Form aus, damit das Ergebnis eindeutig ist.
Noch nicht. 8-stelliges Hex (#rrggbbaa) und rgba() tragen einen Transparenzkanal, den dieser Konverter nicht interpretiert. Bei Farben mit Alpha konvertieren Sie hier die 6-stellige Grundfarbe und behalten das Alpha separat.
Hex-Ziffern unterscheiden nicht zwischen Groß- und Kleinschreibung — #3498db und #3498DB sind dieselbe Farbe. Kleinbuchstaben sind die Konvention der meisten modernen Tools und Minifier und halten die Ausgabe für Copy-Paste konsistent.
Der Hex-Wert gewinnt und wird zu RGB konvertiert; das RGB-Feld wird ignoriert. Das Tool dokumentiert diese Rangfolge, statt zu raten, sodass das Ergebnis immer vorhersehbar ist.
Teil von Format- und Umrechnungstools
Fehler gefunden oder eine Korrektur? Melde ihn — jede Korrektur wird geprüft.
War dieses Werkzeug hilfreich?
Überprüft vom Toolivaro-Redaktionsteam gemäß unserer Methodik Methodik · Redaktionsrichtlinie