ClickZM
Design-, Audio- und Video-Tools

Kontrast-Checker

Um den Farbkontrast zu prüfen, geben Sie Text- und Hintergrundfarbe ein: ClickZM berechnet das WCAG-2.x-Kontrastverhältnis aus der relativen Leuchtdichte und zeigt, ob AA (4,5:1 normaler Text, 3:1 großer Text) und AAA (7:1) erfüllt sind – mit einem Vorschlag für die nächstgelegene konforme Farbe.

Ratgeber lesen

  • Kostenlos
  • Ohne Anmeldung
  • Läuft in Ihrem Browser
Loading tool…

Kontrast-Checker: so funktioniert es

  1. 1Geben Sie Ihren Text in das Tool ein oder fügen Sie ihn ein.
  2. 2Wählen Sie die gewünschten Optionen.
  3. 3Das Ergebnis aktualisiert sich sofort.
  4. 4Kopieren oder laden Sie das Ergebnis herunter.

Kontrast-Checker: häufige Fragen

Welches Kontrastverhältnis brauche ich?

WCAG AA: 4,5:1 für normalen Text, 3:1 für großen Text (24 px oder 18,66 px fett) und UI-Komponenten. AAA: 7:1 bzw. 4,5:1.

Ist #777 auf Weiß barrierefrei?

Für normalen Text nicht: Es sind 4,48:1, knapp unter 4,5:1. #767676 besteht.

Werden meine Daten beim Tool „Kontrast-Checker“ hochgeladen?

Nein. Das Tool „Kontrast-Checker“ läuft vollständig in Ihrem Browser, Ihre Texte und Zahlen bleiben also auf Ihrem Gerät, und es funktioniert auch bei langsamer Verbindung.

Funktioniert das Tool „Kontrast-Checker“ auf iPhone, Android und Mac?

Ja. Das Tool „Kontrast-Checker“ läuft in jedem aktuellen Browser (Safari, Chrome, Edge oder Firefox) auf iPhone, iPad, Android-Smartphones, Mac, Windows und Chromebook. Es muss keine App installiert werden.

Ist das Tool „Kontrast-Checker“ kostenlos?

Ja. Das Tool „Kontrast-Checker“ ist kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Tageslimit.

Sponsored

A recommended offer

Opens in a new tab. It is separate from the calculators.

Continue

Advertisement