Farbkontrast-Prüfer

Prüft das WCAG-Kontrastverhältnis zwischen Vorder- und Hintergrundfarben, einschließlich AA/AAA für normalen und großen Text.

Farben
Prüft das WCAG-Kontrastverhältnis zwischen Vorder- und Hintergrundfarben, einschließlich AA/AAA für normalen und großen Text.
Ergebnisse
Transparente Farben werden für den Kontrast über Weiß gemischt.
Kontrastverhältnis
18.88:1
AA (normal): BestandenAA (groß): BestandenAAA (normal): BestandenAAA (groß): Bestanden
Vordergrund
#111111
Hintergrund
#FFFFFF
Aa Bb Cc 123
Vorschau
Normaler Text / Großer Text
Normaler Text

Aa Bb Cc 123

Großer Text

Aa Bb Cc 123

Was ist Farbkontrast?

Das Kontrastverhältnis misst den Luminanzunterschied zwischen Text (Vordergrund) und Hintergrund auf einer Skala von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).

Dieses Tool konvertiert Farben in sRGB, mischt Transparenz vor dem Vergleich und verwendet die WCAG-Formel für relative Luminanz.

WCAG-Grenzwerte

  • AA: 4.5:1 für normalen Text, 3:1 für großen Text.
  • AAA: 7:1 für normalen Text, 4.5:1 für großen Text.
  • Großer Text bedeutet 18pt+ normal oder 14pt+ fett.
  • UI-Komponenten, Icons und grafische Elemente sollten mindestens 3:1 erreichen.

Höhere Verhältnisse verbessern die Lesbarkeit, besonders bei dünnen Schriftarten oder kleinen Größen.