Was ist das minimale WCAG-Kontrastverhältnis?

WCAG 2.1 AA erfordert ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text. AAA erfordert mindestens 7:1 für normalen Text und 4,5:1 für großen Text.

Was gilt als großer Text?

Großer Text ist definiert als 18pt (ca. 24px) oder größer, oder 14pt (ca. 18.67px) fett oder größer.

Lädt dieses Tool meine Farben hoch?

Nein. Alle Berechnungen, relativen Luminanzbewertungen und Farbänderungen erfolgen in Ihrem Browser mit JavaScript. Es werden keine Farbdaten an den Server gesendet.

WCAG-Farbkontrastprüfer

Bewerten Sie das Kontrastverhältnis von Text- und Hintergrundfarben gemäß den WCAG 2.1-Richtlinien. Erstellen Sie sofort barrierefreie Farbanpassungen.

Text- / Vordergrundfarbe HEX/RGB/HSL

Background Color HEX/RGB/HSL

Alles läuft lokal in deinem Browser.

Live-Textvorschau

Große Überschrift (18pt Fett / 24pt Normal)

Dies ist eine Vorschau des Stils für große Überschriften.

Normaler Text (unter 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Kontrastverhältnis

18.6:1

WCAG 2.1 Konformitätsstatus

WCAG AA Anforderungen

Normaler Text (4.5:1) PASS

Großer Text (3.0:1) PASS

WCAG AAA Anforderungen

Normaler Text (7.0:1) PASS

Großer Text (4.5:1) PASS

WCAG 2.1 Richtlinien

Überprüfen Sie einfach Kontraststandards, um barrierefreie Schnittstellen zu erstellen, die den Richtlinien von Section 508, ADA und WCAG AA oder AAA entsprechen.

Vorschlags-Engine

Passen Sie Farben automatisch inkrementell entlang der HSL-Koordinaten an, um die nächstgelegenen Alternativen zu finden, die die Kontrastverhältnis-Kriterien erfüllen.

Vollständig Client-seitig

Berechnungen werden lokal in Ihrem Browser-Kontext ausgeführt. Es werden keine Farben, Dateien oder Telemetrie-Koordinaten an unsere Server übertragen.