GUIDE深度 · Deep dive
配色基础：主色、辅助色、强调色
一个页面通常只需要主色、辅助色和一个强调色。60-30-10 是常用比例：主色 60%、辅助 30%、强调 10%；文字对比度要满足 WCAG。
比例
主色：背景/大面积。
辅助色：卡片/分区。
强调色：按钮/链接，少量。
对比度
正文至少 4.5:1，大字 3:1。
不要把浅色文字放在浅色主色上。
常见问题
主色一定是面积最大的吗？
通常是，但品牌色可以只做强调。
怎么检查对比度？
用 WCAG 对比度工具，别只靠肉眼。
一个页面通常只需要主色、辅助色和一个强调色。60-30-10 是常用比例：主色 60%、辅助 30%、强调 10%；文字对比度要满足 WCAG。
主色：背景/大面积。
辅助色：卡片/分区。
强调色：按钮/链接，少量。
正文至少 4.5:1，大字 3:1。
不要把浅色文字放在浅色主色上。
通常是，但品牌色可以只做强调。
用 WCAG 对比度工具，别只靠肉眼。