Farb-Umrechner

HEX, RGB und HSL ineinander umrechnen — mit dem Kontrast nach WCAG.

Als HEX (#2C2A3A oder #abc), als rgb(44, 42, 58) oder als hsl(248, 16%, 20%).

#2C2A3A ist rgb(44, 42, 58) und hsl(248, 16%, 20%).

HEX
#2C2A3A
RGB
rgb(44, 42, 58)
HSL
hsl(248, 16%, 20%)
Relative Helligkeit
0,025 — die HSL-Helligkeit liegt dagegen bei 20 %
Kontrast nach WCAG
gegen Weiß 14,01 zu 1 (AAA), gegen Schwarz 1,5 zu 1 (zu wenig)

HEX und RGB beschreiben dieselbe Farbe auf zwei Arten: #2C2A3A ist rgb(44, 42, 58), denn 2C hexadezimal sind 44 dezimal. HSL beschreibt sie anders — über Farbton, Sättigung und Helligkeit.

Für die Bearbeitung ist HSL meist bequemer. Eine Farbe heller zu machen heißt dort, eine Zahl zu erhöhen; in RGB müssten dafür alle drei Kanäle gleichzeitig und ungleichmäßig verändert werden.

Kontrast ist keine Geschmacksfrage

Die WCAG verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5 zu 1 gegenüber dem Hintergrund, für großen Text 3 zu 1. Die höchste Stufe AAA fordert 7 zu 1 beziehungsweise 4,5 zu 1.

Gerechnet wird nicht mit der wahrgenommenen Helligkeit, sondern mit der relativen Luminanz — die Kanäle werden gewichtet, weil das Auge Grün deutlich stärker wahrnimmt als Blau. Deshalb hat ein sattes Gelb gegenüber Weiß fast keinen Kontrast, obwohl es kräftig wirkt.

Wo die Farbräume auseinandergehen

HSL ist eine reine Umrechnung von RGB und beschreibt keinen anderen Farbumfang. Was auf dem Bildschirm nicht darstellbar ist, wird auch in HSL nicht darstellbar — die Umrechnung ist verlustfrei und in beide Richtungen exakt.

Anders bei CMYK für den Druck: Dort gibt es Farben, die ein Bildschirm zeigen kann und eine Druckmaschine nicht, und umgekehrt. Eine Umrechnung ohne Farbprofil wäre deshalb geraten, und aus dem Grund fehlt sie hier.

Häufige Fragen

Was bedeutet die Kurzform mit drei Zeichen?
#abc ist die Abkürzung für #aabbcc — jedes Zeichen wird verdoppelt. Damit lassen sich nur 4 096 Farben schreiben statt der 16,7 Millionen der langen Form, weshalb sie vor allem in schnellen Entwürfen vorkommt.
Warum stimmt die Helligkeit in HSL nicht mit dem Eindruck überein?
Weil der L-Wert in HSL rein rechnerisch der Mittelwert von hellstem und dunkelstem Kanal ist. Ein reines Gelb und ein reines Blau haben beide L gleich 50 Prozent, wirken aber völlig unterschiedlich hell — dafür ist die relative Luminanz zuständig.

Quellen

Stand der Werte: 2026. Die Ergebnisse sind Orientierungswerte und ersetzen keine Steuerberatung.

Passt dazu