Entwickler🔒 Lauft in Ihrem Browser

Farbkontrast-Prüfer

WCAG AA/AAA-Farbkonformität prüfen

Textfarbe

Hintergrundfarbe

Vorschau-Überschrift

So sieht der Fließtext mit diesen Farben aus.

Und dies ist kleiner Text zur Referenz.

Kontrastverhältnis

21.00:1

WCAG AA

Normaler Text✓ Bestanden

Großer Text (18px+)✓ Bestanden

UI-Komponenten✓ Bestanden

WCAG AAA

Normaler Text✓ Bestanden

Großer Text (18px+)✓ Bestanden

Über Farbkontrast-Prüfer

Der Farbkontrast-Prüfer bewertet das Kontrastverhältnis zwischen zwei Farben gemäß den WCAG 2.1-Richtlinien. Er gibt an, ob Ihre Farbkombinationen die Barrierefreiheitsstandards AA oder AAA für normalen Text, großen Text und UI-Komponenten erfüllen. Alles läuft in Ihrem Browser.

Häufig gestellte Fragen

Was ist ein gutes Kontrastverhältnis?

WCAG AA erfordert ein Mindestverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text (18px+ oder 14px+ fett). WCAG AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text. Höhere Verhältnisse bedeuten bessere Lesbarkeit.

Was ist der Unterschied zwischen AA und AAA?

AA ist der empfohlene Mindeststandard für die meisten Webinhalte. AAA ist ein strengerer Standard, der eine bessere Lesbarkeit für Benutzer mit Sehbehinderungen bietet. AAA zu erfüllen ist ideal, aber nicht immer erforderlich.

Wie wird das Kontrastverhältnis berechnet?

Das Kontrastverhältnis wird anhand der relativen Leuchtdichte jeder Farbe berechnet, wie sie von WCAG 2.1 definiert wird. Die Formel vergleicht die hellere und dunklere Farbe auf einer Skala von 1:1 (kein Kontrast) bis 21:1 (maximaler Kontrast, Schwarz auf Weiß).

Häufig gestellte Fragen

Was ist ein gutes Kontrastverhältnis?

Was ist der Unterschied zwischen AA und AAA?

Wie wird das Kontrastverhältnis berechnet?