对比度检测

分析文本和背景颜色组合的可读性与无障碍等级评分。

配色颜色 · ToolBox

工具介绍

同一段文字,换个背景色可能就完全看不清。这个对比度检测工具专门分析文本颜色与背景颜色的组合效果:输入两个色值,即可得到对比度数值和可读性等级评分,直观告诉你这套配色用在正文、标题上是否吃力。和只给“通过/失败”结论的工具相比,它更侧重组合效果的分析与评分,方便你在多套候选配色之间横向比较、挑出最舒服的一档。适合排版设计、阅读类产品和内容页面的配色自查,免费使用,无需注册。

使用步骤

  1. 输入或选取文本颜色和背景颜色
  2. 查看计算出的对比度数值及对应的可读性等级评分
  3. 参考评分判断该组合用于正文或标题是否合适
  4. 替换候选配色重复检测,横向比较后选出最佳组合

常见问题

可读性评分是怎么得出来的?

评分基于前景色与背景色的对比度数值划分等级:比值越高,文字越清晰易读,等级越高。阈值参考通行的人因研究结论,可快速判断组合是否适合长时间阅读。

这个工具和WCAG对比度检查有什么区别?

本工具侧重分析配色组合的整体可读性并给出等级评分,方便多套配色横向对比;WCAG检查工具则严格对照无障碍标准做AA/AAA通过性判定。建议先用本工具筛选配色,再用WCAG工具做合规确认。

对比度高的配色一定好看吗?

不一定。对比度只解决“看得清”的问题,纯黑配纯白对比度最高,但长时间阅读易疲劳。建议正文使用略低于最高档的对比度(如深灰配米白),兼顾清晰与舒适。