返回工具列表
对比度检查器
颜色检查颜色对比度。
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
分享此工具：
如何使用 对比度检查器
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.
常见问题
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).