Ueberblick
Das Tool ist fuer Accessibility-Checks, Themen-QA und Design-Abgleiche gedacht. Statt Farben nach Gefuehl zu bewerten, bekommst du einen konkreten Wert und eine schnelle Aussage zur Lesbarkeit.
So funktioniert es
- 1
Textfarbe und Hintergrundfarbe waehlen.
- 2
Das Tool berechnet das Kontrastverhaeltnis.
- 3
Pruefen, ob die Kombination fuer normalen oder grossen Text stark genug ist.
Beispiele
Dunkler Text auf Weiss
Eingabe: #111827 auf #FFFFFF
Ausgabe: Hohes Kontrastverhaeltnis
Ein typisches Beispiel fuer gut lesbare Interfaces.
Akzentfarbe pruefen
Eingabe: Markenfarbe auf hellem Panel
Ausgabe: Pass/Fail-Zusammenfassung
Nuetzlich fuer Buttons, Links und UI-Zustaende.
FAQ
Was bedeutet das Kontrastverhaeltnis?
Es zeigt, wie stark sich Textfarbe und Hintergrund in der wahrgenommenen Helligkeit unterscheiden.
Ist das Tool fuer Barrierefreiheits-Checks geeignet?
Ja. Der Kontrast-Pruefer zeigt, ob eine Farbkombination fuer typische Textanforderungen stark genug ist.