Farbkontrast prüfen

Überprüfe, ob deine Farbkombinationen die WCAG-Richtlinien für Barrierefreiheit erfüllen. Unser Tool zeigt dir das Kontrastverhältnis und ob es für normalen Text, großen Text und UI-Komponenten ausreicht.

Farben auswählen

Wähle Vordergrund- und Hintergrundfarbe

Vordergrundfarbe

Hintergrundfarbe

Vorschau

Beispieltext für Kontrastvorschau

Normaler Text

Kontrastverhältnis

WCAG-Richtlinien

21.00:1

Kontrastverhältnis

AA Normaler Text

Minimum 4.5:1

AA Großer Text

Minimum 3:1

AAA Normaler Text

Minimum 7:1

AAA Großer Text

Minimum 4.5:1

So funktioniert's

1Wählen Sie eine Vordergrundfarbe
2Wählen Sie eine Hintergrundfarbe
3Sehen Sie das Kontrastverhältnis und WCAG-Bewertung

Funktionen

WCAG-Konformität
Prüft Kontrast nach WCAG 2.1 Standards (AA und AAA).
Kontrastverhältnis
Berechnet das exakte Verhältnis (z.B. 4.5:1).
Text-Größen
Prüft für normalen Text, großen Text und UI-Komponenten.
Farbvorschläge
Schlägt alternative Farben mit besserem Kontrast vor.

Häufige Fragen

Was bedeutet WCAG AA und AAA?

AA ist der Mindeststandard für Barrierefreiheit (4.5:1), AAA ist der höchste Standard (7:1).

Warum ist Kontrast wichtig?

Guter Kontrast macht Text für alle lesbar, besonders für Menschen mit Sehschwäche.

Was ist ein gutes Kontrastverhältnis?

Mindestens 4.5:1 für normalen Text, 3:1 für großen Text. Höher ist besser.

Ähnliche Tools

Farbkonverter

Konvertiere zwischen Farbformaten

Farbmischer

Mische zwei Farben zusammen

Farbpaletten Generator

Erstelle harmonische Farbpaletten

Farbverlauf Generator

Erstelle schöne Farbverläufe

Hinweis: Die gesamte Verarbeitung erfolgt in deinem Browser. Deine Dateien werden nicht auf einen Server hochgeladen.