颜色对比度检查
输入一个背景色,立即得到最易读的文字颜色——附 WCAG 对比度比值和 AA/AAA 评级,一键复制。也可以输入自己的文字色,检查它和背景色的配对是否达标。
在浏览器本地运行
背景色
文字色(可选,检查自定义配对)
敏捷的棕色狐狸跳过懒狗。
小号正文示例:标签、说明文字与辅助信息,约 14 px。
接下来可以做什么
常见问题
WCAG 达标需要多少对比度?
WCAG 2.x 要求正文文字至少 4.5:1(AA 级),大字号文字(18pt/24px 或 14pt 加粗)至少 3:1。AAA 级更严格:正文 7:1,大字 4.5:1。
最佳文字颜色是怎么选出来的?
我们分别计算背景色与纯黑、纯白以及两个同色系深/浅色的对比度并排序,比值最高的就是最易读的推荐。
对比度越高越好吗?
对正文来说基本是的,但纯黑配纯白(21:1)在长文阅读时容易疲劳,很多设计师会把黑色稍微调柔,把对比度控制在 7:1–15:1。
我的颜色数据会上传吗?
不会。所有计算都在浏览器本地完成,不上传任何数据,也不需要注册。