Erweiterter Farbkontrast-Prüfer

Testen Sie die WCAG-Barrierefreiheit mit einem professionellen RGB/HEX/HSL-Farbpicker.

#000000
#FFFFFF
Aa Großer Text
So sieht Ihr Text auf dem Hintergrund aus. Wichtig für das Lesen langer Absätze.
Kontrastverhältnis 21.00
Pass
Normaler Text
WCAG AA (4.5:1)
OK
Großer Text
WCAG AA (3.0:1)
OK
Normaler Text
WCAG AAA (7.0:1)
OK
Großer Text
WCAG AAA (4.5:1)
OK

So verwenden Sie diesen Prüfer

Wir haben einen professionellen Farbwähler integriert. Klicken Sie auf das farbige Quadrat, um die Palette zu öffnen.

  • HEX: Standard-Webfarben (z.B. #FF0000)
  • RGB: RGB-Werte (z.B. rgb(255, 0, 0))
  • HSL: HSL-Werte (z.B. hsl(0, 100%, 50%))

Klicken Sie auf "Save", um die Farben zu übernehmen.

Warum ein Kontrastprüfer wichtig ist?

Barrierefreiheit im Web ist in vielen Ländern gesetzlich vorgeschrieben. Ein Kontrastprüfer stellt sicher, dass alle Nutzer Ihre Inhalte lesen können.

Die WCAG 2.1 Richtlinien nutzen mathematische Formeln für die Lesbarkeit.

Ergebnisse verstehen

  • AA-Stufe: Industriestandard. Mindestens 4,5:1 für Text.
  • AAA-Stufe: Goldstandard. Mindestens 7,0:1 für Text.

Kontrast verbessern

Versuchen Sie bei einem "FEHLER", die Textfarbe zu verdunkeln oder den Hintergrund aufzuhellen.