Kontrast prüfen

Prüfe zwei Farben nach den WCAG-Grenzwerten für Text.

Auf deinem Gerät · Ohne Konto

Kontrast prüfen verarbeitet deine Eingaben in diesem Browser. Eingaben und Ergebnisse werden nicht in Analysedaten erfasst. Zuletzt verwendete Tools speichern Tool-Namen, Besuchszahlen und den Zeitpunkt des letzten Besuchs. Gespeicherte Tools speichern nur ihre Namen. Das Speichern von Entwürfen ist optional und erfolgt auf diesem Gerät; gespeicherten Text kannst du über die Entwurfsfunktionen löschen. Das optionale Laden von Text über eine URL stellt eine Verbindung zum jeweiligen Server her; der Server sieht die URL und deine IP-Adresse. Die optionale Aktion „Verwenden in“ speichert Daten zur Übergabe in diesem Tab. Das nächste Tool entfernt sie beim Öffnen und ignoriert sie, wenn mehr als eine Minute vergangen ist.

„Link kopieren“ nimmt die von dir zum Teilen ausgewählten Eingaben in die Adresse auf. Alle mit diesem Link können sie erneut öffnen. Dateien und erzeugte Ergebnisse sind nicht enthalten. Passwort- und Schlüssel-Tools teilen nur Einstellungen.

Optionen und lokale Datei

Optionale Einstellungen gelten nur für diesen Tab.

Dein Ergebnis

Mehr
Tastenkürzel

Über Links und Zurücksetzen

Links enthalten deine Eingaben und Einstellungen. Wer den Link hat, kann sie sehen. Lass private Texte deshalb weg. Dateien und erzeugte Ergebnisse sind nicht enthalten; Zufallsauswahlen werden erneut ausgeführt.

Beim Zurücksetzen wird das Tool mit den Ausgangswerten neu geladen. Offene Dateien und Gerätesteuerungen werden freigegeben. Gespeicherte Entwürfe bleiben auf diesem Gerät, bis du sie löschst.

So funktioniert die Kontrastprüfung

Berechne das Kontrastverhältnis nach WCAG 2.2 zwischen zwei deckenden sRGB-Farben. Die Grenzwerte für normalen und großen Text werden getrennt geprüft. Maßgeblich ist das vollständige Verhältnis, bevor es für die Anzeige gerundet wird.

Als Nächstes: CSS-Layout-Generator

Als Nächstes: PX-REM-Umrechner

Beispiel

Schwarz auf Weiß hat ein Kontrastverhältnis von 21:1 und erfüllt die aufgeführten Grenzwerte für Text. Identische Vorder- und Hintergrundfarben haben ein Verhältnis von 1:1.

Hinweise zum Ergebnis

Kontrast allein belegt keine Barrierefreiheit. Transparente Farben, Verläufe, Bilder, Fokusmarkierungen und die tatsächlich dargestellte Textgröße müssen gesondert geprüft werden. Großer Text hat mindestens 18 pt bei normaler Schriftstärke oder 14 pt bei Fettschrift.

Aktualisiert

Diese Seite zitieren

ToolOctopus. “Kontrast prüfen.” Aktualisiert 7. Oktober 2026. https://tooloctopus.com/de/kontrast-prüfen.

Ergänze ein Abrufdatum, wenn deine Vorgaben das verlangen.

Die Quellenangaben werden mit citeproc-js von Frank Bennett und Zitierstilen der Citation Style Language formatiert. Lizenz und Quellcode.

Tool finden

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.