WCAG 对比度检查
在线 WCAG 颜色对比度检查器，计算前景/背景对比度比值并判定 AA/AAA 达标情况，支持 HEX/RGB 互转、实时预览与一键自动达标
加载中...
关于 WCAG 对比度检查
在线 WCAG 颜色对比度检查器，计算前景/背景对比度比值并判定 AA/AAA 达标情况，支持 HEX/RGB 互转、实时预览与一键自动达标
常见用例
- · 检查网页前景文字与背景的对比度是否符合 WCAG AA/AAA
- · 为按钮、链接、报错提示等 UI 元素挑选可达标的配色
- · 校验图标、边框等非文本元素的对比度（≥3:1）
- · 当配色不达标时一键自动调整亮度到及格线
相关工具
深入了解 WCAG 对比度检查 的技术原理
从一个"灰色小字看不清被投诉"的真实场景讲起，搞懂 WCAG 对比度比值怎么算、AA 和 AAA 到底要求多少、普通文本和大文本为什么门槛不同，以及配色不达标时怎么快速救回来
查看完整教程