颜色对比度检查器
颜色对比度检查器输入文字色与背景色后计算相对亮度比值,对照 WCAG 给出大号与正文分别是否达 AA/AAA,帮设计师在前端写样式时确保阅读无障碍,而不靠肉眼猜对比够不够。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 选择文字颜色与背景色
- 查看计算出的对比度比值
- 对照 AA/AAA 阈值看是否达标
- 不够时调亮或调暗直到通过
典型场景
正文配色确保达到无障碍标准
按钮文字与底色对比校验
整改色弱用户可读性问题
常见问题
AA 与 AAA 差别?
AAA 要求更高对比度,AA 为普遍适用的底线。
大号字标准不同吗?
是,大号字阈值更宽松,工具分开判定。
支持透明度吗?
半透明会先与背景合成再算实际对比。