🎨 Design & Kreatives

Farb-Umrechner — HEX, RGB, HSL, OKLCH & Kontrast

Rechne jede Farbe zwischen HEX, RGB, HSL, HWB, OKLCH und LCH um. Inklusive WCAG-2.2-Kontrastprüfung gegen jeden Hintergrund oder alternative Vordergrundfarbe.

Farbeingabe (beliebiges Format) Akzeptiert hex, rgb, hsl, hwb, oklch, lch und CSS-Farbnamen.

Farbmuster

Format	Wert

WCAG-Kontrast-Checker

Vordergrund

Hintergrund

Kontrastverhältnis

—

Fließtext 16 px
Große Schrift 24 px

—

So funktioniert die Berechnung

sRGB → linear über die Standard-Gammakurve, dann mit Björn Ottossons Matrix nach OKLab, dann per Polarkoordinaten nach OKLCH. HSL/HWB verwenden die Standardformeln aus CSS Color Module 4.

WCAG-2.2-Kontrast: Verhältnis = (L1 + 0,05) / (L2 + 0,05) mit der relativen Leuchtdichte aus der gewichteten sRGB→linear-Summe (0,2126 R + 0,7152 G + 0,0722 B). AA = 4,5, AAA = 7 für normalen Text; 3 und 4,5 für großen Text (18 pt / 14 pt fett).

Auch bekannt als

color converter oklchhex to hslwcag contrast checkerrgb to hex

Farb-Umrechner — HEX, RGB, HSL, OKLCH & Kontrast

WCAG-Kontrast-Checker

Auch bekannt als

Ähnliche Tools