对比度检测
分析文本和背景颜色组合的可读性与无障碍等级评分。
配色颜色 · ToolBox
工具介绍
同一段文字,换个背景色可能就完全看不清。这个对比度检测工具专门分析文本颜色与背景颜色的组合效果:输入两个色值,即可得到对比度数值和可读性等级评分,直观告诉你这套配色用在正文、标题上是否吃力。和只给“通过/失败”结论的工具相比,它更侧重组合效果的分析与评分,方便你在多套候选配色之间横向比较、挑出最舒服的一档。适合排版设计、阅读类产品和内容页面的配色自查,免费使用,无需注册。
使用步骤
- 输入或选取文本颜色和背景颜色
- 查看计算出的对比度数值及对应的可读性等级评分
- 参考评分判断该组合用于正文或标题是否合适
- 替换候选配色重复检测,横向比较后选出最佳组合
常见问题
可读性评分是怎么得出来的?
评分基于前景色与背景色的对比度数值划分等级:比值越高,文字越清晰易读,等级越高。阈值参考通行的人因研究结论,可快速判断组合是否适合长时间阅读。
这个工具和WCAG对比度检查有什么区别?
本工具侧重分析配色组合的整体可读性并给出等级评分,方便多套配色横向对比;WCAG检查工具则严格对照无障碍标准做AA/AAA通过性判定。建议先用本工具筛选配色,再用WCAG工具做合规确认。
对比度高的配色一定好看吗?
不一定。对比度只解决“看得清”的问题,纯黑配纯白对比度最高,但长时间阅读易疲劳。建议正文使用略低于最高档的对比度(如深灰配米白),兼顾清晰与舒适。