Konverter

Farbkonverter

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

01

Farbe

Gültig?Ja
Erkanntes FormatHEX
Farbton212°
Helligkeit32% (dunkel)
Luminanz10%
Kontrast zu Weiß6.81:1 (AA)
02

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
03

Gut zu wissen

Formatkonvertierung

Farben werden sofort zwischen HEX, RGB, HSL, HWB, CMYK, LCH und CSS-Schlüsselwörtern mit hoher Präzision umgerechnet.

Farbanalyse

Farbton, Helligkeit, Luminanz und weitere Eigenschaften werden automatisch aus dem eingegebenen Farbwert berechnet.

Zugänglichkeitsprüfung

Das Kontrastverhältnis zu Weiß wird nach WCAG-Kriterien bewertet (AA, AAA), um Barrierefreiheit einzuschätzen.

Vollständig lokal

Die gesamte Berechnung läuft im Browser über die Bibliothek colord. Es werden keine Farbwerte an einen Server übertragen.

04

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 Farbe durch Mischen von rotem, grünem und blauem Licht. HSL (Farbton, Sättigung, Helligkeit) trennt die reine Farbe von Intensität und Helligkeit. HWB (Farbton, Weiß-, Schwarzanteil) ähnelt HSL, mischt aber mit Weiß und Schwarz. CMYK wird im Druck verwendet. LCH ist wahrnehmungsgleichmäßig, sodass numerische und visuelle Unterschiede übereinstimmen.

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.

+ 01Verwandte Werkzeuge

Vielleicht auch interessant.