网页颜色对比度检测工具
WCAG2.1无障碍色彩合规校验，实时预览文字效果，自动推荐符合规范配色方案
色彩设置面板
前景色（文字颜色）
RGB：0,0,0
HSL：0°,0%,0%
背景底色
RGB：255,255,255
HSL：0°,0%,100%
实时页面预览
普通文本 Normal Text 常规文字样例
常规文字（16px）
大号标题文本 Large
大字号文本（粗体14pt /18pt+）
✓
UI控件 / 图标元素
对比度检测结果
21:1
色彩对比度比值
推荐合规配色
工具说明 | WCAG无障碍配色检测
网页颜色对比度检测工具，基于WCAG2.1国际无障碍标准计算文字与背景色对比度，用于网站、小程序、H5页面、管理后台UI配色校验。
适用场景：前端页面无障碍改造、产品界面a11y检测、公众号网页配色、移动端页面文字可读性校验，检查色盲、低视力用户阅读文字是否清晰。
规范参考：AA级普通文本≥4.5:1；大号文本≥3:1；AAA普通文本≥7:1；UI图标控件最低≥3:1，一键生成满足规范的备选色值方案。