Nachvollziehbares Beispiel
Eingabe
Textfarbe: #111827 Hintergrund: #ffffff
Erwartete Ausgabe
Kontrastverhältnis: 17,74:1
Kontrast Checker
Kontrast Checker
Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
✓ Viele Berechnungen laufen lokal im Browser
Wofür du das Tool einsetzen kannst
- Vergleiche Text- und Hintergrundfarbe vor dem Einsatz im Layout.
- Ermittle ein numerisches Kontrastverhältnis für zwei HEX-Farben.
So funktioniert es
- Gib Textfarbe, Hintergrund anhand der beschrifteten Felder ein.
- Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
- Vergleiche das Ergebnis mit dem dokumentierten Beispiel und beachte die genannte Grenze.
Methode und Rechenweg
Das Tool berechnet die relative Luminanz beider Farben und daraus das Kontrastverhältnis.
Beispiele
Die Beispiele zeigen konkrete Eingaben und die dazu erwartete Ausgabe.
Schwarz auf Weiß
Eingabe
Text: #000000 Hintergrund: #ffffff
Erwartete Ausgabe
Kontrastverhältnis: 21:1
Häufige Fehler
- Kontrolliere Textfarbe, Hintergrund auf zulässige Werte und das im Feld gezeigte Format.
- Das Ergebnis ist keine Garantie für vollständige WCAG- oder sonstige Compliance.
- Schriftgröße, Schriftstärke und weitere UI-Zustände müssen zusätzlich bewertet werden.
Grenzen des Ergebnisses
- Das Ergebnis ist keine Garantie für vollständige WCAG- oder sonstige Compliance.
Häufige Fragen
Wie verarbeitet das Werkzeug Textfarbe, Hintergrund?
Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
Was ist bei Textfarbe, Hintergrund zu kontrollieren?
Die beschrifteten Felder zeigen das erwartete Format. Für diese Aufgabe gilt konkret: Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung.
Wo liegt die fachliche oder technische Grenze?
Das Ergebnis ist keine Garantie für vollständige WCAG- oder sonstige Compliance.
Bleiben die Angaben für diese Funktion im Browser?
Berechne das Kontrastverhältnis zwischen Text- und Hintergrundfarbe als Orientierung. Die dafür nötige Verarbeitung läuft lokal im Browser; technische Zugriffsdaten des Seitenaufrufs bleiben davon unberührt.