文字看不清？对比度一查达标

2026年阅读约 5 分钟工具指南 · 设计工具

对比度设计办公

网页和海报文字看不清？多半是颜色对比度不达标。在线检查前景色背景色对比度是否符合 WCAG 标准，AA、AAA 级一目了然，配色不合格当场换，无障碍设计和阅读体验一起兼顾，附免费对比度检查工具。

浅色字看不清

浅灰字铺浅蓝底，年轻人得眯眼，老人和色弱用户直接放弃阅读。多数“看不清”不是字号问题，是前景色和背景色的对比度不达标，调字号救不了。

WCAG 规定正文对比度至少 4.5:1，大字号文字 3:1 起；按钮、图标、边框这些非文字元素也要 3:1。标准不苛刻，但随手配色十有八九过不了线。

普通网站过 AA（4.5:1）即可上线；政务、教育、阅读类建议冲 AAA（7:1）。两者差一级，弱光屏幕和户外强光下的可读性完全不同。

提示：暗色模式上线前要单独再测一遍——浅色达标不等于深色达标。

前景色、背景色取色即测，比值和等级直接显示；不合格当场换色——品牌色微调一档明度往往就过线，不必推翻整套配色。

标题、正文、按钮各测一次，不合格调明度复测，记录结果——设计稿交付前两分钟，可读性和无障碍一起达标，验收也不再被挑刺。

取色即测对比度，AA/AAA 等级实时显示，免费用。