对比度检测:WCAG无障碍合规检测,配色无障碍一步到位
文字放那个背景上,能看清吗——自己觉得可以,色弱用户可能完全读不出来,WCAG 标准也不知道过没过。
「对比度检测」输入前景色和背景色,AA / AAA 合规结果直接出,无障碍合规一步到位。
🌐 在线使用:https://tools.1024vip.cn/tools/contrast-check (opens new window)
# 适合哪些场景
- 网站无障碍合规:确保文字与背景对比度符合 WCAG AA/AAA 标准
- 设计评审:设计师输出配色方案前,先跑一遍对比度检测
- 组件开发:按钮、标签、提示文字,各种状态都测一遍
- 政府/金融项目:无障碍要求严格,提前自检省得验收返工
# 功能说明
- 对比度计算:输入前景色和背景色,自动计算对比度比值
- WCAG 合规判断:标注是否满足 AA(4.5:1)/ AAA(7:1)标准
- 实时预览:展示文字在对应颜色组合下的实际效果
- 常见尺寸模拟:模拟小字号下的可读性,提前发现问题
# 如何使用
- 输入(或取色器选取)前景色和背景色
- 查看对比度数值和 WCAG 评判结果
- 若不合规,调节颜色直至通过目标等级
# 隐私说明
浏览器本地处理,数据不上传。
上次更新: 2026-05-18 23:52:34
- 01
- 拾刻工具箱:免费在线工具|图片·实用·趣味05-18
- 02
- 在线图片工具 - 压缩/换底/裁剪/马赛克|拾刻工具箱05-18
- 03
- 实用工具箱 - JSON/二维码/正则/时间戳|拾刻工具箱05-18