为什么开发者要懂配色
不是每个项目都有设计师,但每个项目都需要好看的界面。理解基础色彩理论,能让你的默认配色不再「程序员风格」。
核心概念
60-30-10 法则
主色占 60%(背景、大面积区域),辅色占 30%(卡片、面板),强调色占 10%(按钮、链接、高亮)。Namo Muse 主题就是这个比例:淡蓝灰背景 60% + 白色面板 30% + 冰蓝强调 10%。
对比度
文字和背景的对比度至少要达到 WCAG AA 标准(4.5:1)。用 contrast-ratio.com 检查。
HSL 思维
比 HEX 和 RGB 更直观。想要同色系的深浅变化?保持 H(色相)不变,调 S(饱和度)和 L(亮度)就行。
最安全的配色策略:选一个主色,用 HSL 推导出它的浅色(背景)、标准色(按钮)和深色(文字),再加一个互补色做点缀。
— EOF —