Kostenloser HEX zu RGB Konverter - Farbcode Konverter & Farbwähler

HEX in RGB umrechnen

Dieses Werkzeug liest einen HEX-Farbcode und gibt dieselbe Farbe als RGB, HSL, CMYK und als 8-stelligen HEX/RGBA-Wert aus, dazu eine Live-Vorschau, einen Kontrasttest und eine wahrgenommene Helligkeit. Sie tippen oder fügen einen Code ein, oder wählen die Farbe visuell aus, und alle Formate aktualisieren sich zusammen.

Wie die Umrechnung funktioniert

Ein 6-stelliger HEX-Code zerfällt in drei 2-stellige Paare, jedes eine Hexadezimalzahl von 00 bis FF (0 bis 255 dezimal) für Rot, Grün und Blau. Bei der 3-stelligen Kurzform wird zuerst jede Ziffer verdoppelt, aus #6C4 wird also #66CC44, bevor dieselbe Aufteilung greift. Aus diesem RGB-Tripel ergibt sich HSL: der Mittelwert aus dem hellsten und dunkelsten Kanal liefert die Helligkeit, die Differenz zwischen ihnen die Sättigung, und der Farbton ergibt sich aus der Reihenfolge der Kanäle. CMYK wird zur Orientierung berechnet, indem K aus dem größten der drei Kanäle bestimmt und Cyan, Magenta und Gelb daran skaliert werden. Die wahrgenommene Helligkeit nutzt die ITU-R-BT.601-Gewichte, R mal 299 plus G mal 587 plus B mal 114, geteilt durch 1000; ein Ergebnis über 128 wird als Hell markiert, darunter als Dunkel, was auch die Textfarbe in der Kontrastvorschau bestimmt. Dasselbe Eingabefeld erkennt auch einen direkt eingetippten rgb(r, g, b)-Text anstelle eines HEX-Codes, und jede Auswahl im Farbwähler aktualisiert das HEX-Textfeld automatisch. Lässt sich der Code nicht auswerten, zeigt das Werkzeug direkt unter dem Eingabefeld eine Fehlermeldung an, statt zu raten. Jeder umgerechnete Wert hat eine eigene Kopieren-Schaltfläche, die nach dem Klicken kurz zu einem Häkchen wird, sodass Sie nur den RGB-Wert, den CMYK-Wert oder die CSS-Zeile kopieren können, ohne den Rest anzufassen.

Rechenbeispiel

Nehmen wir #588157. Die Paare ergeben R=88, G=129, B=87, also RGB(88, 129, 87). Der Mittelwert aus hellstem und dunkelstem Kanal liefert 42 Prozent Helligkeit, die Differenz 19 Prozent Sättigung, der Farbton liegt bei 119 Grad, zusammen HSL(119, 19%, 42%). Dieselben RGB-Werte ergeben in der CMYK-Formel cmyk(32%, 0%, 33%, 49%). Die 8-stellige Form ist #588157FF, die CSS-Zeile lautet color: #588157;. Die Helligkeit liegt bei 112 von 255, also unter der Schwelle von 128, weshalb das Werkzeug die Farbe als Dunkel einstuft und in der Kontrastvorschau auf weißen Text wechselt.

Beispielausgabe

Input:  #588157

Output: {
  "rgb":  "rgb(88, 129, 87)",
  "hsl":  "hsl(119, 19%, 42%)",
  "cmyk": "cmyk(32%, 0%, 33%, 49%)",
  "hex8": "#588157FF",
  "css":  "color: #588157;"
}