对比度Contrast
你可能会说
页面上那段灰色说明文字太费眼了，帮我调清楚一点。
对比度是指文字与背景之间的明暗反差，直接决定内容是否清晰可辨。灰底页面上放一段浅灰说明文字，眯起眼看几乎消失——这就是对比度不足。想让「看不清」变成可检查的要求，就跟 AI 说「正文和背景的对比度至少 4.5:1」，这是行业通用门槛，辅助性文字也建议 3:1 以上。深色模式翻车多因为它：黑底直接配灰字，看起来有层次，实际已经低于门槛。
也常被叫作颜色对比明暗对比前景背景对比
文字和背景的明暗差别，够不够看得清
浅色背景
整理项目背景、过程和结果，生成可以分享的页面。
灰底配浅灰字：眯眼就消失正文 4.5:1、辅助文字 3:1，用比值说话深色模式要单独查，别沿用浅色那档文字色。
两个够用的门槛
正文 4.5:1：要认真阅读的文字（标题、正文、按钮文字）和背景的比值至少 4.5 比 1，这是行业通用的 readability 门槛。
辅助文字 3:1：占位提示、图标、装饰性标签这类不承担阅读任务的，3:1 起步——再低就等同看不见。
你可以这样告诉 AI Agent
把页面上对比度不足的文字修一遍：要读的文字和背景至少 4.5:1，大标题和图标至少 3:1，深色模式下重新检查一遍。改完列一下哪些地方改了颜色。
接下来学什么
延伸阅读 · 权威出处
快速练习