Zurück zu den Tools
Kontrast
FarbePrueft Farbkontrast.
ttb run contrast-checker
Preview Text
The quick brown fox jumps over the lazy dog
Small text sample — 14px equivalent
17.06:1
Excellent Contrast
✓ Pass
AA Normal
4.5:1 required
✓ Pass
AA Large
3:1 required
✓ Pass
AAA Normal
7:1 required
✓ Pass
AAA Large
4.5:1 required
Dieses Tool teilen:
So verwendest du Kontrast
Enter a foreground (text) color and background color. The tool calculates the contrast ratio and shows whether the combination passes WCAG 2.1 accessibility standards at AA and AAA levels for both normal and large text. A live preview demonstrates readability. Essential for accessible web design.
1
Enter your parameters
Configure the inputs for the Contrast Checker according to your specific needs.
2
View real-time results
The utility instantly processes your request and displays the calculated outputs directly in your browser.
3
Copy or Download
Click the copy icon next to the final output to instantly grab the result, or export it if applicable.
Häufig gestellte Fragen
What is WCAG AA vs AAA?+
WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18px+ or 14px+ bold). AAA requires 7:1 for normal text and 4.5:1 for large text. AA is the minimum legal standard; AAA is the gold standard for accessibility.
Why does contrast matter?+
Low contrast text is difficult or impossible to read for people with low vision, color blindness, or in bright ambient light conditions. WCAG compliance isn't just good design - it's a legal requirement in many jurisdictions (ADA, Section 508, EAA).