Farbkontrast-Prüfer & Vorschlagstool
WCAG-Kontrastverhältnis prüfen und passende Farben vorschlagen lassen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Dieses Tool berechnet in Echtzeit das Kontrastverhältnis zwischen Text- und Hintergrundfarbe und zeigt, ob die WCAG 2.1-Standards AA und AAA erfüllt sind. Es eignet sich für Webdesigner und Entwickler, die die Lesbarkeit von Text prüfen möchten, und schlägt bei nicht bestandenem Test automatisch eine angepasste Helligkeit vor, die die Anforderung erfüllt. Alle Berechnungen laufen direkt im Browser, sodass keine Farbdaten an einen Server gesendet werden.
Anleitung
- Textfarbe (Vordergrund) über den Farbwähler oder als Hex-Code eingeben.
- Hintergrundfarbe auf die gleiche Weise eingeben.
- Vorschau, Kontrastverhältnis sowie AA/AAA-Status prüfen.
- Bei nicht bestandenem Test auf 'Anwenden' bei der vorgeschlagenen Farbe klicken, um sie sofort zu übernehmen.
FAQ
- Was ist der Unterschied zwischen AA und AAA?
- AA verlangt mindestens 4,5:1 für normalen Text und 3:1 für großen Text, während AAA strenger ist und 7:1 bzw. 4,5:1 fordert.
- Wie werden die vorgeschlagenen Farben berechnet?
- Farbton und Sättigung bleiben unverändert, während die Helligkeit von 0 bis 100 % durchsucht wird, um den Wert zu finden, der dem Original am nächsten kommt und das Zielverhältnis erfüllt.
- Werden meine Farbdaten irgendwo gespeichert?
- Nein, alle Berechnungen erfolgen ausschließlich lokal im Browser, es werden keine Farbwerte extern übertragen oder gespeichert.