chapter[3] · part 1 / 鉴赏的基础
色彩：从波长到情绪
上一章结尾留了个谜：修拉的《大碗岛》由数百万个纯色小点构成，红点和蓝点并排放着，你退后两步却看见紫色。颜色到底发生在哪里——画布上，还是你脑子里？
答案是后者，而且这个答案是整章的钥匙：颜色不是物体的属性，是大脑的构造。物理世界只有不同波长的电磁波；你的视网膜上三种视锥细胞各自对长、中、短波敏感，大脑拿这三路信号"渲染"出你体验到的颜色。修拉只是把混色这一步从调色板转移到了你的视觉系统里。这也意味着：色彩天然就是心理的、情绪的——它本来就发生在人身上，而不是世界上。
三种视锥细胞就是为什么颜色恰好用三个通道（RGB）就能表示——不是宇宙偏爱三元组，是人眼只有三路输入。顺便，约 8% 的男性是红绿色弱：他们的某一路通道增益异常。这就是"永远不要只用颜色编码信息"（红=错、绿=对之外必须再加图标或文字）这条无障碍铁律的硬件原因。
3.1描述颜色的正确坐标系：HSB
RGB 适合机器，不适合思考。说"把 #3A6FD8 调柔和一点"时，没人知道该改 R、G 还是 B。设计师用另一套坐标系：色相（Hue）——它是哪种颜色，在色环上的角度；饱和度（Saturation）——它有多纯、多鲜艳；明度（Brightness/Lightness）——它有多亮。三个轴各自独立，各管一种感受：
#C2452D 用 HSL 写是 hsl(9, 63%, 47%)——下次想要"深一点的朱砂"，只需把 L 从 47% 降到 35%，色相纹丝不动。用 RGB 做同样的事，三个数全得变。
三个轴的设计杠杆完全不同：色相管情绪，饱和度管音量，明度管层级。外行配色只盯着色相挑来挑去；内行知道大部分问题出在另外两个轴上——界面显得"脏"多半是饱和度失控，显得"乱"多半是明度没拉开。
3.2色彩的和声：色环上的几何
单个颜色没有美丑，颜色只在关系中才有表情——这和音符完全一样。色环（图 3-1 左）是颜色的乐理：两个颜色在色环上的几何关系，决定它们合奏的效果。最重要的一种关系是互补色（complementary）：色环上正对的两个色相，比如蓝与橙、红与绿。互补色并置时相互激发，产生色彩所能达到的最大张力。
互补色的另一种用法更克制，也更高级：把整个画面压进一种色相的灰调里，只在关键处放一笔互补色。这一笔会像黑暗房间里的火柴一样亮：
除了互补，常用的和声还有三种，按张力从小到大排：单色（monochromatic）——同一色相只动饱和度和明度，绝对安全，适合工具类界面；邻近色（analogous）——色环上相邻 30–60° 的颜色（蓝—青—绿），和谐而有微妙变化，自然界的默认配色；三角色（triadic）——色环上等距 120° 的三个色相（红黄蓝），活泼但极难驾驭，蒙德里安那幅画就是三角色 + 大量白色缓冲的范例。
3.3色彩的语义：金色为什么贵
色彩还有第三层：文化赋予的意义。这层最不"科学"，却最影响实际观感。
但语义这层协议是区域性的，跨文化时必须重新协商：红色在中国是喜庆与财富（红包、春联），在西方金融界却是亏损与警报；白色在西方是婚纱，在东亚传统里是丧服；紫色在罗马是帝王（紫色染料曾贵过黄金），在现代界面里却常用于"创意"与"会员"。做出海产品时，配色表是要本地化的，和文案一样。
股票软件是色彩语义最锋利的例子：A 股红涨绿跌，美股绿涨红跌——同一个 K 线组件，color 的语义映射必须按市场配置。这不是 UI 细节，是会让用户做错交易决策的 P0 逻辑。色彩语义出错的后果和业务逻辑出错完全等价。
3.4实战：一套不会翻车的配色方法
把前三节合成一个可执行的流程。它不能让你成为调色大师，但能保证结果专业、不出错：
只选一个主色相
从品牌、产品气质或纯粹的偏好出发，定一个色相。情绪由它决定：蓝=可靠，绿=生长，红=热烈，紫=想象。
用明度做层级，铺出灰阶
把主色相掺进灰里，生成 8–10 级从近白到近黑的中性色（所谓"有温度的灰"）。界面 90% 的面积用它们。本书的纸色和墨色就是掺了暖色的灰阶。
强调色：一个就够
主色相的高饱和版本，或它的互补色。学《印象·日出》：面积小于 10%，只给最重要的动作（主按钮、关键状态）。
语义色单独立项
成功绿、警告黄、错误红、链接蓝——它们是功能协议不是装饰，明度要统一调校，并且永远配图标或文字（色弱用户）。
用对比度检查器验收
正文与背景对比度 ≥ 4.5:1（WCAG AA）。这条不是品味，是底线，而且工具一秒能查。
紫、青、黄、红、蓝各唱各的：五个色相 = 五种情绪同时大喊。没有一处是焦点，因为处处都想当焦点。
同样的布局：一个冷灰色相用明度拉出层级，唯一的暖色强调块自动成为焦点。这就是 60-30-10：约六成底色、三成次级色、一成强调色。
3.5限制调色板：克制是高级感的来源
3.4 的方法论背后藏着一条更深的审美规律，值得单独点亮：色彩的高级感，几乎总是来自"用得少"，而不是"用得多"。新手画家和新手设计师犯的是同一个错——以为颜色越丰富越美，于是把整个调色盘都倒上画布/屏幕。真正的高手反其道而行，主动给自己设限，这叫限制调色板（limited palette）。限制不是贫乏，而是让有限的几个颜色之间产生关系、产生呼吸。两位大师把这件事推到了极端：
限制不一定意味着昏暗。另一种限制是把所有颜色统一在同一种色调（tonal key）里——像给整张照片蒙上一层同色的光，让本来不搭的颜色因为共享同一种"空气"而和谐：
限制调色板有一个可以直接抄进工作流的硬核版本：grayscale-first（灰阶优先）——先用纯灰阶把整个界面做完，只靠明度（第 3.1 节）拉出全部层级，确认它在没有任何颜色时就已经清晰、好看；最后才把颜色像调味料一样加回去。这招能治本：如果你的界面只有靠五颜六色才分得清主次，那它的层级本来就是坏的，颜色只是在打掩护。很多成熟设计系统的 Figma 文件都有一个"灰阶模式"开关，原因正在于此。颜色应该是层级的奖励，不是层级的拐杖。
三道题。① 看画：把《印象·日出》和《星月夜》各自截图转成黑白（手机滤镜即可），对比原图，写下哪些元素在黑白里消失了、哪些反而更清楚——你在直接测量"色相对比"和"明度对比"各自承担了多少工作。② 看界面：给你常用的 App 截屏，数一数用了几个色相（明度变化不算）。超过三个的话，试着判断：哪些是语义色（有功能协议），哪些纯属失控？再找出它的"强调色"——它出现的面积超过 10% 了吗？③ 动手：把你正在做的某个界面整体转成灰阶（CSS 一行 filter: grayscale(1) 即可），看它还撑不撑得住层级。撑不住的地方，就是你之前用颜色掩盖的设计债。