RGB in HEX umrechnen

Ein einfacher RGB-zu-HEX-Konverter. Rechnen Sie RGB-Werte sofort in das hexadezimale Format um.

Zuletzt aktualisiert: 23. September 2026

Features

• Interaktive Schieberegler für rote, grüne und blaue Kanäle (0-255)

• Die Live-Farbvorschau zeigt Ihre Auswahl in Echtzeit an

• Direkte Zahleneingabe für präzise Steuerung

• Kopieren mit einem Klick für HEX- und RGB-Werte

• Clean, intuitive Oberfläche mit fließenden Übergängen

Was es tut

Ziehen Sie die Schieberegler. Beobachten Sie die Farbänderung. Das Tool zeigt sowohl rgb(r, g, b) als auch #hexcode gleichzeitig an. Benötigen Sie einen bestimmten Farbton? Geben Sie die genauen Werte ein. Kopieren Sie beide Formate mit einem einzigen Klick.

Perfekt für:

• Webdesigner passend zu den Markenfarben

• Entwickler schreiben CSS

• Digitale Künstler finden exakte Farbcodes

• Jeder, der zwischen Farbformaten konvertiert

Keine Installation erforderlich. Keine Anmeldung erforderlich. Nur Farbumwandlung, die funktioniert.

Was ist RGB zu Hex Konvertierung?

Bei der RGB-zu-Hex-Konvertierung werden drei separate rote, grüne und blaue Zahlen in einen sechsstelligen Code umgewandelt, der von Browsern und Designtools als eine einzelne Farbe gelesen wird.

Das RGB-Modell drückt Farbe als drei Kanalwerte aus, die jeweils von 0 bis 255 reichen, basierend auf der Menge an rotem, grünem und blauem Licht, die auf einem Bildschirm kombiniert wird.

Ein hexadezimaler Wert verpackt dieselben drei Zahlen in eine kompakte Zeichenfolge, der ein Hash-Symbol vorangestellt ist, und diese Zeichenfolge kann ohne zusätzliches Parsen direkt in HTML (EN) oder CSS eingefügt werden.

Slack's eigene Markenrichtlinien führen das charakteristische Purpur auf beide Arten auf: #4A154B in Hex und 74, 21, 75 in RGB, die exakte Paarung, die ein Konverter erzeugt (Slack-Markenrichtlinien (EN)).

Die beiden Formate beschreiben die gleiche Farbe. Nichts am Pixel ändert sich, nur wie die Zahl geschrieben wird.

• RGB ist das native Format für Bildschirme, da Displays aus roten, grünen und blauen Subpixeln bestehen
• Hex ist das am häufigsten in HTML und CSS verwendete Kurzformformat
• Ein Konverter übersetzt einfach zwischen den beiden, es ändert nie die sichtbare Farbe

Was es nicht ist: ein Farbwähler, ein Palettengenerator oder ein Werkzeug zum Identifizieren eines Farbnamens.

Es erledigt eine Aufgabe: die Zahlen, die eine RGB-Farbe definieren, in ihr hexadezimales Äquivalent umzuwandeln, und es erledigt diese Aufgabe jedes Mal auf die gleiche Weise.

Wie funktioniert die RGB-zu-Hex-Konvertierungsformel?

Jeder RGB-Kanal wird separat konvertiert: Die Dezimalzahl wird in ein zweistelliges Hexadezimalpaar übersetzt und die drei Paare werden zu einer Zeichenfolge zusammengefügt.

Hexadezimal ist ein Basis16-System, also anstatt 0 bis 9 wie Dezimal zu zählen, zählt es 0 bis F, wobei F für 15 steht.

Berechnung pro Kanal

Die Konvertierung eines Kanals kommt auf ein einziges Divisionsproblem hinaus, das einmal für Rot, einmal für Grün und einmal für Blau ausgeführt wird.

• Dividiere den Dezimalwert durch 16
• Das Ganzzahlergebnis wird die erste Hexadezimalstelle
• Der Rest wird die zweite Hexadezimalstelle

Ein Wert von 255 wird durch 16 mit einem Rest von 15 geteilt, was die Ziffern F und F oder FF ergibt.

Der Bereich von 0 bis 255 verwendet für jeden Kanal Spuren zurück zum sRGB-Farbraum, der 1999 von der IEC als IEC 61966-2-1 standardisiert wurde und immer noch die Standardannahme für ungetaggte Webfarben ist.

Die drei Paare kombinieren

Sobald Rot, Grün und Blau jeweils ihr zweistelliges Hex-Paar haben, werden die drei Paare nacheinander geschrieben, mit einem Hash-Symbol davor.

Rot 255, Grün 87, Blau 51 wird FF, 57, 33, was sich zu einem einzigen Hex-Wert #FF5733 zusammenfügt.

Einige Zahlen machen den Umfang dieses Systems leichter nachvollziehbar.

• 0 bis 255 mögliche Werte pro Kanal, 256 insgesamt
• 16.777.216 eindeutige Farben, die über alle drei Kanäle hinweg adressierbar sind
• Zwei Hex-Ziffern pro Kanal, insgesamt sechs Ziffern für eine Standardfarbe
• Base16-Nummerierung, wobei jede Ziffer von 0 bis F verläuft

Wie wird RGBA in einen 8-stelligen Hex-Code konvertiert?

RGBA fügt zusätzlich zu Rot, Grün und Blau einen vierten Wert hinzu: einen Alphakanal, der die Transparenz steuert.

Die Konvertierung von RGBA in Hex funktioniert auf die gleiche Weise wie RGB, außer dass ein viertes Hex-Paar am Ende für den Alpha-Wert hinzugefügt wird.

Das CSS Color Module Level 4 (EN) des W3C hat diese 8-stellige Notation im Juli 2022 als Kandidatenempfehlung formalisiert und damit aufgeholt, was Browser bereits ausgeliefert hatten.

Die Browser-Unterstützung folgte dicht: caniuse.com's Kompatibilitätstabellen (EN) weisen Unterstützung in Chrome 62, Firefox 49, Safari 10 und Edge 79 auf, Jahre bevor die meisten Websites das Format verwendeten.

• #RRGGBB: sechs Ziffern, standardmäßig vollständig undurchsichtig
• #RRGGBBAA: acht Ziffern, das letzte Paar setzt die Deckkraft von 00 (vollständig transparent) bis FF (vollständig deckend)

Ein Wert wie CC in dieser letzten Position ergibt ungefähr 80 Prozent Deckkraft, das gleiche Ergebnis, das Sie von einem dezimalen Alpha-Wert in CSS (EN) erhalten würden.

Nicht jedes Projekt benötigt dies. Wenn sich die Transparenz einer Farbe nie ändert, bleibt der einfache sechsstellige Code einfacher und etwas kürzer zu tippen.

Die andere Richtung, von einer Hex-Zeichenkette zurück zu einzelnen Kanalwerten, ist genauso üblich, und ein dedizierter HEX-zu-RGB-Konverter behandelt diese umgekehrte Mathematik ohne manuelle Division.

Was sind die Vor- und Nachteile von Hex-Codes im Vergleich zu RGB-Werten?

Hex-Codes sind kürzer und einfacher zu verwenden, RGB-Werte sind einfacher zu bearbeiten, und die meisten Profis verwenden je nach Aufgabe beides.

Hex Vorteile:

• Kürzere Eingabe- und Einfügezeiten in einem Stylesheet
• Ein Token anstelle von drei durch Kommas getrennten Zahlen
• Der De-facto-Standard, um einen Farbcode mit jemandem anderen zu teilen

Hex Nachteile:

• Schwerer auf einen Blick zu lesen, FF5733 bedeutet offensichtlich nicht "eine warme Orange" wie rgb(255, 87, 51)
• Die Bearbeitung eines einzelnen Kanals bedeutet, dass der gesamte String manuell neu berechnet werden muss

Der 2021 Web Almanac (EN) des HTTP Archive fand heraus, dass 75 Prozent aller CSS-Farbwerte hexadezimale Syntax verwenden, aufgeteilt zwischen sechsstelligen Codes (50 Prozent) und dreistelligen Kurzschriften (25 Prozent).

Die funktionalen Formate liegen weit hinterher. rgba() landete mit 14 Prozent auf dem dritten Platz, während plain rgb() in demselben Datensatz auf Null abgerundet wurde.

Diese Lücke sagt weniger darüber aus, welches Format technisch besser ist, als vielmehr über die Gewohnheit: Hex war das ursprüngliche Farbformat von CSS, und die meisten Styleguides und Designübergaben verwenden es immer noch standardmäßig. Autoren greifen vor allem dann zu rgba(), wenn sie Transparenz benötigen.

Wie vergleichen sich RGB und Hex mit HSL und CMYK Farbmodellen?

RGB und hex beschreiben dasselbe additive, Bildschirm-basierte Farbmodell. HSL und CMYK beschreiben Farben unterschiedlich und konvertieren durch einfache Division nicht in Hex.

HSL ist für Menschen wohl einfacher zu verstehen, da sich durch Ziehen des Farbtonreglers das Farbrad dreht, während Sättigung und Helligkeit unverändert bleiben.

Um zwischen den beiden additiven Modellen zu wechseln, ohne die Mathematik von Hand durchzuführen, verwenden Sie den RGB zu HSL Konverter.

CMYK arbeitet nach einem subtraktiven Prinzip, das für Tinte auf Papier und nicht für Licht auf einem Bildschirm entwickelt wurde. Aus diesem Grund kann sich eine Farbe, die in RGB und Hex identisch aussieht, nach dem Druck verschieben.

Diese additive versus subtraktive Aufteilung wird in diesem RGB versus CMYK (EN) Vergleich ausführlicher behandelt.

Designer, die zwischen Web- und Druckprojekten wechseln, behalten oft aus genau diesem Grund sowohl einen Hex-Wert als auch ein CMYK-Äquivalent in der Datei.

Welche RGB-zu-Hex-Konverter-Tools eignen sich am besten für Designer und Entwickler?

Das richtige Werkzeug hängt davon ab, ob die Farbe einmalig, ständig oder als Teil eines größeren Designsystems konvertiert werden muss.

Browserbasierte Werkzeuge

Ein eigenständiger webbasierter Konverter ist die schnellste Option für eine einmalige Konvertierung, keine Installation, kein Konto, die Werte einfügen und das Ergebnis lesen.

• Gut für schnelle Nachschlagearbeiten während eines Builds
• Keine Software zu installieren oder zu aktualisieren
• Normalerweise kostenlos und funktioniert auf jedem Gerät mit einem Browser

Design-Software

Mehrere Design-Tools übernehmen die Konvertierung automatisch, direkt im Bedienfeld, in dem die Farbe ausgewählt wird.

• Photoshop: berechnet den Hex-Wert neu, sobald sich die RGB-Schieberegler bewegen
• Figma und Sketch: zeigen beide Formate nebeneinander im Füllfenster an
• GIMP: enthält die gleiche Doppelanzeige in seinem Farbauswahldialog

Barrierefreiheitsprüfer, die Farbkontrast (EN) testen, verwenden fast immer hex als Eingabeformat, da WCAG Success Criterion 1.4.3 (EN) ein minimales Kontrastverhältnis von 4,5 zu 1 für normalen Text festlegt.

Tools für Entwickler

Chrome und Firefox DevTools zeigen die berechnete Farbe eines beliebigen Elements an und lassen Sie mit einem einzigen Klick zwischen Hex, RGB und HSL wechseln.

Für automatisierte oder Massenkonvertierungen verarbeiten kleine JavaScript (EN)-Bibliotheken wie chroma.js die Mathematik programmatisch, ohne dass eine Benutzeroberfläche erforderlich ist.

Dieser Ansatz ist besser skalierbar als manuelle Suchen, wenn ein Projekt Hunderte von Farben als Design-Token definiert hat.

Wie konvertiert man RGB in Hex manuell, Schritt für Schritt?

Die manuelle Konvertierung ist nichts anderes als die zuvor gezeigte pro-Kanal-Teilung, die dreimal durchgeführt und in der Reihenfolge ausgeschrieben wird.

Es lohnt sich, mindestens einmal von Hand zu tun. Das Verständnis der Arithmetik macht es einfacher, jedem automatisierten Ergebnis zu vertrauen.

• Schritt 1: Schreibe die drei RGB-Werte auf, z. B. 46, 139, 87
• Schritt 2: Teilen Sie den ersten Wert (rot) durch 16, behalten Sie die ganze Zahl und den Rest
• Schritt 3: Wandeln Sie die ganze Zahl und den Rest in hexadezimale Ziffern um, indem Sie A bis F für 10 bis 15 verwenden
• Schritt 4: Wiederholen Sie die Schritte 2 und 3 für Grün, dann für Blau
• Schritt 5: Setzen Sie die drei zweistelligen Paare zusammen mit einem Hash-Symbol davor

Arbeiten Sie durch das Beispiel: 46 geteilt durch 16 ist 2 Rest 14, ergibt hex 2E für rot.

139 geteilt durch 16 ist 8 Rest 11, was Hex 8B für grün ergibt, 87 geteilt durch 16 ist 5 Rest 7, was Hex 57 für blau ergibt.

Zusammen genommen ist das #2E8B57, ein Farbton, der allgemein als Meergrün bezeichnet wird.

Die Mathematik ändert sich nie, nur die Zahlen, die in sie eingehen, was genau der Grund ist, warum die gleiche Formel funktioniert, ob sie auf Papier oder in einem Skript gemacht wird.

Wie konvertieren Sie RGB in Hex mit Code?

Sowohl JavaScript als auch Python konvertieren RGB in Hex mit einer integrierten Basiskonvertierungsmethode, nicht mit einer dedizierten Farbbibliothek.

Die Syntax unterscheidet sich, aber die zugrunde liegende Mathematik ist identisch mit der manuellen Formel, die zuvor behandelt wurde.

In JavaScript schreiben

Die Methode toString() akzeptiert ein Radix-Argument, und die Übergabe von 16 gibt die hexadezimale Darstellung einer Zahl zurück.

Der Haken: toString(16) lässt führende Nullen fallen, so dass 5 zu "5" anstelle von "05" wird, was eine sechsstellige Hex-Zeichenfolge bricht.

• Konvertieren Sie jeden Kanal mit .toString(16)
• Das Ergebnis auf zwei Zeichen reduzieren mit .padStart(2, "0")
• Verkette die drei gepolsterten Paare mit einem Hash-Symbol davor

padStart() ist Teil der ECMAScript 2017-Spezifikation, die speziell hinzugefügt wurde, um diese Art von String-Formatierung mit fester Breite zu lösen (ECMA International, 2017).

In Python schreiben

Python überspringt den separaten Padding-Schritt. Seine Format-Spezifikation Mini-Sprache verarbeitet Breite und Null-Füllung in einem Ausdruck.

Das Schreiben von f"{value:02x}" wandelt eine ganze Zahl in eine zweizeilige Hexadezimalzeichenfolge mit Nullpadding in einer einzigen Zeile um.

Der 'x'-Darstellungstyp für hexadezimale Kleinbuchstaben ist in Pythons eigener Formatspezifikationsreferenz (EN) dokumentiert.

Wenn Sie diesen Ausdruck über Rot, Grün und Blau schleifen und die Ergebnisse verbinden, erhalten Sie dieselbe Ausgabe mit sechs Zeichen wie die JavaScript-Version, jedoch mit weniger Code.

Welche häufigen Fehler treten bei der RGB-zu-Hex-Konvertierung auf?

Die meisten Konvertierungsfehler entstehen durch Formatierung, nicht durch Mathematik. Die Arithmetik ist einfach genug, dass die Fehler um sie herum passieren.

Fehlende führende Null: Ein Kanalwert unter 16, wie 5, 10 oder 15, erzeugt eine einzelne Hexadezimalstelle anstelle von zwei, wodurch ein sechsstelliger Code in fünf zusammenfällt.

Out-of-range input: Wenn man einem Konverter einen Wert über 255 oder unter 0 eingibt, wird nicht immer ein Fehler ausgelöst.

Die CSS Color Module Level 4-Spezifikation legt fest, dass Werte außerhalb des Bereichs nicht als ungültig behandelt werden. Sie werden an die nächstgelegene gültige Grenze zur berechneten Wertzeit (W3C) geklemmt.

Das ist für Browser praktisch, aber es bedeutet auch, dass ein Tippfehler wie 355 stillschweigend zu 255 wird, anstatt eine Flagge zu erheben.

• Groß-/Kleinschreibung verwechselt: Bei Hex wird die Groß-/Kleinschreibung nicht beachtet, daher werden #FF5733 und #ff5733 identisch gerendert. Das Mischen von Groß- und Kleinschreibung ist eine Stilwahl und kein Fehler
• Kurzschriftfehler: #f0a expandiert zu #ff00aa, nicht #f00a, jede einzelne Stelle verdoppelt sich anstatt die Position zu verschieben
• Copy-Paste-Drift: Einfügen eines RGB-Triplets in das falsche Feld eines Konverters tauscht Kanäle ohne Fehlermeldung

Die Standardisierung auf ein Format an der Quelle vermeidet dies weitgehend.

Das GOV.UK Design System veröffentlicht beide Formate nebeneinander für jede Farbe, Primärblau zum Beispiel bei RGB 29, 112, 184 und #1D70B8, weist die Teams jedoch an, auf die benannte Variable zu verweisen, anstatt den Hex-Code manuell erneut einzugeben (GOV.UK Design System).

Dieser Single-Source-Ansatz ist der Grund, warum Design-Systeme selten die Abweichung sehen, die von Hand eingegebene Hex-Werte in kleineren Codebasen verursachen.

Wann ist die RGB-zu-Hex-Konvertierung nicht anwendbar?

Die Formel gilt für Standard-8-Bit-RGB und sein Hex-Äquivalent, aber einige reale Situationen liegen völlig außerhalb dieses Bereichs.

Apples eigene Entwicklerdokumentation beschreibt das Display P3 als etwa 25 Prozent größer als der sRGB-Farbraum, den Hex und Standard-RGB annehmen (Apple, WWDC).

Eine Farbe, die für diesen größeren Raum entwickelt wurde, kann nicht präzise durch einen gewöhnlichen sechsstelligen Hex-Code dargestellt werden, da Hex überhaupt keinen Kanal für Gamut-Informationen hat.

Die Lücke ist nicht theoretisch. Der 2021 Web Almanac (EN) des HTTP Archive ergab, dass 79 Prozent der auf mobilen Seiten verwendeten Display-p3-Farben außerhalb dessen lagen, was sRGB und damit Standard-Hex darstellen können. Nur etwa 100 Seiten verwendeten display-p3 überhaupt, aber diejenigen, die es taten, wählten es für Farben aus, die hex nicht ausdrücken kann.

Apples eigene Designrichtlinie empfiehlt, vor dem Versand Markenfarben sowohl in P3 als auch in sRGB zu überprüfen, gerade weil ein Hex-Wert, der in einem Raum richtig aussieht, sich im anderen verschieben kann.

Druck ist ein ganz eigener Fall.

Ein Hex-Code lässt sich sauber in RGB und zurück umwandeln, aber es gibt keinen zuverlässigen Weg zu CMYK-Tintenprozentsätzen ohne ein ICC-Profil in der Mitte, da Bildschirme Licht mischen und Druckmaschinen Tinte mischen.

System- und benannte Farben runden die Liste ab. Schlüsselwörter wie „Canvas“ oder „ButtonFace“ werden in das aufgelöst, was auch immer das aktuelle Design des Betriebssystems definiert, sodass es überhaupt kein festes RGB-Triplett gibt, das konvertiert werden muss.

Häufige Fragen: RGB in HEX umrechnen

Was ist ein Hex Triplett?

Ein Hex-Triplet ist die sechs-Zeichen-Zeichenkette innerhalb eines Hex-Codes, je ein zweistelliges Paar für Rot, Grün und Blau.

Der Name beschreibt das Format, nicht eine bestimmte Farbe, und gilt für jeden verwendeten Hex-Wert.

Wird ein Hex Code nur RGB anders geschrieben?

- Ja. - Ja. Ein Hex-Code und sein RGB-Äquivalent beschreiben die gleiche Farbe, nur die Zahlenbasis ändert sich.

RGB zählt in Basis 10, hex zählt in Base16. Kein Format enthält mehr Farbinformationen als das andere.

Was passiert, wenn ein RGB-Wert eine Dezimalzahl enthält?

Konverter runden die Dezimalzahl zunächst auf die nächste ganze Zahl, da eine Hexadezimalzahl keinen gebrochenen Kanalwert darstellen kann.

Ein Wert wie 127,6 wird auf 128 gerundet und dann normal konvertiert, wobei keine Warnung für die Rundung angezeigt wird.

Wann sollte man HSL anstelle von RGB verwenden?

HSL funktioniert besser, während eine Farbe noch angepasst wird, da eine Änderung der Helligkeit oder Sättigung nicht die Neuberechnung dreier separater Kanalnummern erfordert.

RGB und Hex passen besser zusammen, wenn eine Farbe finalisiert ist und bereit ist, als fester Wert gespeichert zu werden.

Werden Hex-Werte in Photoshop, Figma und Browser DevTools auf die gleiche Weise berechnet?

Ja, die zugrundeliegende Mathematik ist überall identisch. Es ist eine feste Formel, nicht etwas, das durch ein einzelnes Werkzeug interpretiert werden kann.

Was sich unterscheiden kann, ist die Farbprofilverarbeitung, die gelegentlich das angezeigte Ergebnis zwischen Wide-Gamut- und Standarddateien verschiebt.

Warum sieht ein konvertierter Hex-Code manchmal falsch aus?

Der Hex-Wert selbst ist selten das Problem. Ein nicht kalibrierter Monitor oder ein fehlendes Farbprofil kann den gleichen Code auf zwei Bildschirmen unterschiedlich darstellen.

Überprüfen Sie die Anzeigekalibrierung, bevor Sie davon ausgehen, dass die Konvertierung einen Fehler gemacht hat.

Kann jeder RGB-Wert in einen gültigen Hex-Code konvertiert werden?

Jedes RGB-Triplet innerhalb des Standardbereichs von 0 bis 255 pro Kanal wird ohne Ausnahme in einen gültigen Hex-Code umgewandelt.

Die Formel hat keine Randgroß-/Kleinschreibung innerhalb dieses Bereichs, sie erzeugt jedes Mal ein korrektes sechsstelliges Ergebnis.

Wann muss die Ausgabe eines RGB-zu-HEX-Konverters noch einmal überprüft werden?

Die Ausgabe eines RGB-zu-HEX-Konverters benötigt in drei Situationen eine zweite Überprüfung: eine breitgefächerte Quellfarbe, ein druckgebundenes Projekt und ein Wert, der direkt von einem nicht kalibrierten Bildschirm abgerufen wird.

Außerhalb dieser drei Stellen gilt das sechsstellige Ergebnis als endgültig und bedarf keiner weiteren Überprüfung.

• Quellfarbe innerhalb von sRGB
• Ziel ist ein Bildschirm, keine Presse
• Bildschirmkalibrierung bestätigt

Wide-Gamut-Farben sind in CSS immer noch selten, aber sie sind diejenigen, die sich am ehesten verschieben, wenn sie in einen sechsstelligen Hex-Code gezwungen werden. Daher lohnt es sich, zuerst eine P3-Quellfarbe zu überprüfen.

Die Standardisierung auf Hex tauscht die Bearbeitbarkeit pro Kanal gegen einen kürzeren, portablen Code aus, ein fairer Austausch, sobald eine Farbe finalisiert ist.

Für einen Wert, der eher für den Druck als für den Bildschirm bestimmt ist, behandelt ein RGB-zu-CMYK-Konverter die Konvertierung, für die sRGB math nicht entwickelt wurde.