对比度 · Contrast Ratio
英文：Contrast Ratio
色彩与配色难度：入门 ★
🗣️一句话大白话
前景与背景颜色的亮度比值，决定文字清不清楚；WCAG 可读性标准是正文 4.5:1、大字号 3:1。字看不清不是玄学，是可以算的数值：对比度 = 两色亮度比的量化结果。WCAG（无障碍标准）规定普通正文至少 4.5:1，大字号或粗体 3:1。AI 生成的浅字压浅底，就是因为没给它对比度约束。点名『对比度 ≥ 4.5:1』，AI 才会自动压深文字或提亮背景。
🖼️样图参考
🎬真实场景
文字压在图上、浅色背景、标题可读性
📮你可以这样说
「【图像模型版】主题为[主题]，所有承载信息的文字与背景对比度必须 ≥ 4.5:1（WCAG AA），大标题 ≥ 3:1；若背景是图片，在文字下方加深色遮罩再压字。禁止浅字压浅底。Keywords: contrast ratio, WCAG, readability. 【HTML/CSS 版】为文字与背景计算 WCAG 对比度（可用 chroma.contrast(fg, bg) 校验），不合格时自动加深文字或提亮/加深背景，保证正文 ≥4.5:1。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：对比度 = 颜色深浅差不多就行。实际是亮度比，同色相也可能不达标
- ▸对比度是数学指标，『看起来还行』不算数，要用 4.5:1 验收
🚫什么时候别用
- ✗纯装饰性色块、不承载信息的颜色
🧩常见变体
AA 4.5:1（正文）AA 3:1（大字号）AAA 7:1（增强）
💡小贴士
- ✦对 AI 说『保证可读』不如直接给数字 4.5:1
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）