颜色对比度
Aa 文字预览正文与大字号文本对比效果
对比度15.7:1
正文 AA通过
正文 AAA通过
大字 AA通过
颜色对比度
检查前景色和背景色的 WCAG 对比度
浏览器本地处理输入和文件不上传到本站服务器数据处理说明
使用说明
检查文字颜色是否看得清
设计按钮、正文、品牌色组合时确认可读性。
1选择文字色和背景色
2查看对比度评分
3调整到合格组合
完成后得到更容易阅读的颜色搭配。先选择两种颜色
这个工具解决了你的问题吗？完成操作后告诉我们，反馈会用于改进工具。
按文字大小选择对比度门槛
工具按不透明颜色的相对亮度计算对比度。WCAG AA 普通文字要求至少 4.5:1，大号文字至少 3:1；AAA 普通文字为 7:1。
可核对的例子
输入与设置
#000000 on #ffffff预期结果
21:1黑色与白色达到最高的 21:1。把实际前景和背景填入工具；大号文字的判定还要结合字号和字重，而不是仅看颜色。
适用范围与注意事项
- 透明度、背景图和渐变会改变实际背景，不能只检查一个 HEX 色值就判定整页通过。
- 对比度只是可访问性的一项；焦点、标签、键盘操作和颜色之外的提示也需要检查。
参考来源
结果与说明不一致？请附上不含隐私的复现步骤。 反馈问题