DCPIXEL
全部工具

对比度检测

计算前景色与背景色的对比度比率，实时判定是否满足WCAG AA/AAA级标准。

3 free tries left for this tool todayStart free 3-day trial →

Colors

Contrast Ratio

17.74:1

The quick brown fox

Normal size body text preview — jumps over the lazy dog.

WCAG 2.1 Compliance

AA — Normal text (4.5:1)
AA — Large text (3:1)
AAA — Normal text (7:1)
AAA — Large text (4.5:1)

对比度检测

确保UI界面文字清晰易读，符合无障碍设计规范。

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

常见问题解答

What is the difference between AA and AAA?
AA is the standard legal accessibility requirement most sites target. AAA is a stricter, optional level for maximum accessibility, harder to meet with brand colors.
What counts as "large text" for the 3:1 threshold?
Text that is at least 18pt (24px), or 14pt (18.66px) bold, per the WCAG 2.1 definition.
Does this check colorblind-safe contrast too?
This tool checks luminance contrast per WCAG, which helps broadly, but for color-vision-deficiency specifically, use the separate Color Blindness Simulator tool.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

You Might Also Like

Other tools that work great alongside this one

Color Blindness Simula转r

在浏览器中安全快速地执行Color Blindness Simula转r。免上传服务器、免注册账号，完全免费且极速完成。...

Image His转gram

在浏览器中安全快速地执行Image His转gram。免上传服务器、免注册账号，完全免费且极速完成。...

Compare Images

在浏览器中安全快速地执行Compare Images。免上传服务器、免注册账号，完全免费且极速完成。...

更多工具正在本地化翻译中 — 欢迎查看英文完整工具目录。

全部工具 →