GUIDE深度 · Deep dive

取色后怎么保证可读性?

从图片取到的颜色好看,不等于可读。文字和背景对比度至少 4.5:1(大字号 3:1);深色背景配浅字,别用低对比的中间色。可用站内对比度工具检查。

更新 2026-10-31 · 公式可核验

对比

正文 ≥4.5:1。

大字号 ≥3:1。

不要只靠颜色传达状态。

取色

取品牌主色后调深浅做状态色。

背景避免高饱和纯色大面积。

常见问题

4.5:1 是硬性要求吗?

WCAG AA 正文要求;AAA 更高。

怎么快速检查?

用站内 contrast 工具或浏览器 DevTools。

数据来源

相关计算器

图片取色器上传图片,点击任意像素读取 HEX/RGB/HSL,一键复制并保留最近颜色;纯本地。

更多指南

HEX、RGB、HSL 怎么互转?阅读指南