Farbkontrast-Prüfer
WCAG-Farbkontrast-Konformität für Barrierefreiheit prüfen
WCAG-Farbkontrast-Konformität für Barrierefreiheit prüfen
- Eingabe vorbereiten
Wähle die passenden Optionen mit den Steuerelementen unten.
- Aufgabe ausführen
Passe die Steuerelemente unten an und prüfe die Vorschau.
- Ergebnis verwenden
Prüfe das Ergebnis und nutze die verfügbaren Kopier- oder Download-Funktionen.
Zwei deckende RGB-Hexfarben. Die Anzeige wird gerundet, Schwellen nutzen den vollen Wert. Schriftgrößen sind Punkte. Keine Barrierefreiheitsprüfung einer Seite.
Farbauswahl
Live-Vorschau
The quick brown fox jumps over the lazy dog
Kontrastverhältnis 21.00:1
WCAG AA
BestandenNormaler Text (4.5:1)
BestandenGroßer Text (3:1)
BestandenUI-Komponenten (3:1)
WCAG AAA
BestandenNormaler Text (7:1)
BestandenGroßer Text (4.5:1)
Gewählter Text: AAA
Farbinformationen
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Häufige Paare
Safe Combinations (High Contrast)
Common Combinations
Farbkontrast-Prüfer
WCAG-Farbkontrast-Prüfer für Web-Barrierefreiheit. Testen Sie Farbkombinationen für AA- und AAA-Konformität.
Funktionen
- Zwei deckende RGB-Hexfarben. Die Anzeige wird gerundet, Schwellen nutzen den vollen Wert. Schriftgrößen sind Punkte. Keine Barrierefreiheitsprüfung einer Seite.
Anleitung
- 3- oder 6-stellige Hexfarbe eingeben, z. B. #777777.
- Textgröße
- Kontrastverhältnis