Farbkontrast prüfen

Läuft in deinem Browser — deine Daten werden nie hochgeladen.

Prüfe, ob zwei Farben die Kontrastanforderungen der WCAG 2.x für normalen und großen Text erfüllen — jeweils auf Stufe AA und AAA. Aktualisiert sich sofort beim Tippen.

So verwendest du Kontrastprüfer

  1. 1

    Gib die Hex-Farben für Vordergrund (Text) und Hintergrund ein.

  2. 2

    Kontrastverhältnis und Bewertung aktualisieren sich automatisch.

Teilen

Häufige Fragen

Wie hoch sind die WCAG-Grenzwerte?+

Normaler Text braucht mindestens 4,5:1 für AA oder 7:1 für AAA. Großer Text (ab 18 pt bzw. 14 pt fett) braucht mindestens 3:1 für AA oder 4,5:1 für AAA.

Wie wird das Verhältnis berechnet?+

Aus der WCAG-2.x-Formel für die relative Leuchtdichte beider Farben, danach (heller + 0,05) / (dunkler + 0,05) — das ergibt Werte von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).

Werden meine Daten hochgeladen?+

Nein. Die Berechnung läuft vollständig in deinem Browser — es wird nichts an einen Server gesendet.

Ähnliche Konvertierungen