Farbkontrast prüfen

Vergleiche eine Textfarbe mit ihrem Hintergrund und prüfe die WCAG-Kontrastgrenzwerte.

Auf deinem Gerät · Ohne Konto

Farbkontrast 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.

Deutsch

Textfarbe

Hintergrundfarbe

Dein Ergebnis

Der schnelle braune Fuchs

Enter your values.

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.

Textkontrast zum Hintergrund prüfen

Der Kontrast ist das Verhältnis zwischen der höheren und der niedrigeren relativen Leuchtdichte, nachdem die sRGB-Kanäle in lineares Licht umgerechnet wurden. Für normalen Text verlangt AA mindestens 4,5:1, für großen Text mindestens 3:1. Das Tool prüft das ungerundete Verhältnis, bevor es den Wert anzeigt.

Als Nächstes: Farbe aus Bild ermitteln

Als Nächstes: Farbkreis-Farbwähler

Beispiel

Schwarzer Text auf Weiß hat ein Kontrastverhältnis von 21:1. Identische Farben haben ein Verhältnis von 1:1 und erfüllen die Kontrastgrenzwerte für Text nicht.

Hinweise zum Ergebnis

Unterstützt werden nur deckende sRGB-Farben. Das Tool prüft ein Farbpaar und führt keine Prüfung der gesamten Barrierefreiheit durch. Als großer Text gilt eine Schriftgröße von mindestens 18 Punkt bei normaler oder 14 Punkt bei fetter Schrift. Kantenglättung und andere Seiteninhalte können die Lesbarkeit beeinflussen.

Als Nächstes: Bildgröße ändern

Tools für dieselbe Aufgabe

Farb-Tools: Farbe wählen, Palette erstellen, Kontrast prüfen

Hilfe zum Ergebnis

HEX-, RGB- und HSL-Farbcodes erklärt (Englisch)

Diese Seite zitieren

Zitierstil

ToolOctopus. “Farbkontrast prüfen.” Aktualisiert 7. Oktober 2026. https://tooloctopus.com/de/farbkontrast-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.