Konverter

Farbkonverter

Farben zwischen HEX, RGB, HSL und anderen Formaten umrechnen.

Farbe

Farbcode

Vom Konverter unterstützt?Ja

Erkanntes FormatHEX

Farbton212°

Alpha / Deckkraft100%

Luminanz10.4%

Kontrast zu Weiß6.81:1
Normal: AA · gross: AAA

Formate

HEX

#255c9b

RGB

rgb(37 92 155)

HSL

hsl(212 61% 38%)

HWB

hwb(212 15% 39%)

CMYK

device-cmyk(76% 41% 0% 39%)

LCH

lch(37.97% 40.33 268.94)

CSS-Schlüsselwort

~darkslateblue

Gut zu wissen

Formatkonvertierung

Unterstützte Farben werden zwischen HEX, RGB, HSL, HWB, CMYK-Näherung, LCH und CSS-Schlüsselwörtern umgerechnet. Ausgaben sind gerundet.

Farbanalyse

Farbton, Alpha und relative Luminanz werden aus dem eingegebenen Farbwert berechnet.

Zugänglichkeitsprüfung

Der Kontrast zu Weiss wird getrennt für normalen und grossen Text nach WCAG bewertet; Transparenz wird über Weiss verrechnet.

Vollständig lokal

Die Umrechnung läuft im Browser über colord. Dieses Werkzeug sendet den eingegebenen Farbwert nicht an einen Konvertierungsdienst.

Farbräume, Alpha und Kontrast richtig einordnen

Alle Ausgaben werden über sRGB umgerechnet und für eine kompakte Darstellung gerundet. Eine Rückumwandlung kann deshalb geringfügig vom eingegebenen Zahlenwert abweichen. CMYK ist hier nur eine rechnerische Näherung: Ein belastbarer Druckwert benötigt ein konkretes Geräte- oder ICC-Farbprofil.

Für transparente Farben wird der Kontrast nach dem Verrechnen über einem weissen Hintergrund angezeigt. WCAG 2.2 verlangt für normalen Text mindestens 4,5:1 und für grossen Text mindestens 3:1 auf Stufe AA. Ob ein Design wirklich besteht, hängt daher immer von Vordergrund, tatsächlichem Hintergrund, Schriftgrösse und Schriftschnitt ab.

Häufige Fragen

Welche Farbformate werden unterstützt?

Dieses Tool unterstützt die gängigsten Farbformate: Hexadezimal (HEX, z. B. #RRGGBB), RGB, HSL, HWB, CMYK, LCH sowie CSS-Schlüsselwörter wie „red" oder „blue".

Was ist Farbkontrast und warum ist er wichtig?

Farbkontrast ist der Helligkeitsunterschied zwischen zwei Farben. Er ist für die Barrierefreiheit entscheidend, da ausreichender Kontrast sicherstellt, dass Text für alle Nutzer lesbar ist. Die WCAG-Richtlinien empfehlen mindestens 4,5:1 für normalen Text und 3:1 für großen Text.

Was ist der Unterschied zwischen HSL, HWB und anderen Farbmodellen?

RGB definiert sRGB-Farbkanäle. HSL und HWB sind alternative Darstellungen desselben sRGB-Farbraums. LCH basiert auf CIELAB und ordnet Farben nach Helligkeit, Chroma und Farbton, ist aber nicht in jedem Bereich vollkommen wahrnehmungsgleichmässig. Die CMYK-Ausgabe ist ohne konkretes Druckprofil nur eine Näherung.

Wie wird die Luminanz berechnet?

Die relative Luminanz folgt der WCAG-Formel und gewichtet die Rot-, Grün- und Blau-Kanäle unterschiedlich, da das menschliche Auge nicht gleich empfindlich auf alle Farben reagiert. Sie ist die Grundlage für die Kontrastberechnung.