MoreFreeTools
DE
🎨 Farb-Tools

Farbkontrast-Prüfer (WCAG)

Prüfen Sie, ob Ihre Farben die WCAG-Zugänglichkeitsstandards erfüllen — kostenlos, sofort.

Was ist das?

Der Farbkontrast-Prüfer ist ein kostenloses Barrierefreiheits-Tool, das das Kontrastverhältnis zwischen einer Vordergrund- und Hintergrundfarbe gemäß der WCAG 2.1-Spezifikation berechnet. Geben Sie zwei Farben ein und das Tool zeigt sofort das Kontrastverhältnis, ob es WCAG Level AA und AAA für normalen und großen Text besteht, und eine Live-Vorschau.

So wird es verwendet

  1. Wählen Sie die Textfarbe mit dem Farbwähler oder durch Eingabe eines Hex-Codes.
  2. Wählen Sie die Hintergrundfarbe auf die gleiche Weise.
  3. Das Kontrastverhältnis und die WCAG-Badges aktualisieren sich sofort.
  4. Überprüfen Sie die Live-Vorschau, um die tatsächliche Lesbarkeit zu sehen.
  5. Klicken Sie auf "Bericht als PNG exportieren", um eine Zusammenfassung herunterzuladen.

Warum dieses Tool

Web-Barrierefreiheit ist nicht nur eine bewährte Praxis — in vielen Ländern ist sie gesetzlich vorgeschrieben. WCAG 2.1 gibt an, dass normaler Text mindestens 4,5:1 (AA) und idealerweise 7:1 (AAA) erreichen muss. Kontrastprobleme frühzeitig zu erkennen spart kostspielige Nachbesserungen.

Häufige Fragen

Was ist die WCAG-Kontrastverhältnisanforderung?

WCAG 2.1 Stufe AA erfordert 4,5:1 für normalen Text und 3:1 für großen Text. Stufe AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text.

Was gilt als "großer Text" in WCAG?

Großer Text ist mindestens 18 Punkt (24px) bei normalem Gewicht oder mindestens 14 Punkt (18,66px) bei Fettdruck.

Kann ich Farben als RGB oder HSL eingeben?

Die Eingabefelder akzeptieren Hex-Codes und der integrierte Farbwähler unterstützt alle Farbmodelle.

Garantiert das Bestehen von AA die Barrierefreiheit der Website?

Kontrast ist ein wichtiger Faktor, aber vollständige Barrierefreiheit umfasst auch Schriftgröße, Tastaturnavigation und Screenreader-Kompatibilität.

Was enthält das exportierte PNG?

Das PNG zeigt beide Farben als Farbfelder, das Kontrastverhältnis und den Pass/Fail-Status für alle vier WCAG-Kriterien.