第 09 章 配色公式背后的生理账：从互补到分裂互补
先问你一个我敢打赌你答不上来的问题。
“红配绿，赛狗屁”——这句话你从小听到大。红和绿放一起，土、俗、刺眼。这是常识，对吧？
那圣诞配色呢？大红配大绿，满世界都是，从十一月底挂到元旦。它难看吗？
不难看。它甚至可以被做得非常高级：深红、墨绿、金、奶油白，往那儿一摆，节日感、贵气、温暖，全出来了。
同样是两个颜色，一个被嘲笑，一个被全世界接受。
“导师，这个我知道，是因为圣诞配色的红和绿不是正红正绿，是暗一点的。”
你说对了一半，而且是最不重要的那一半。你现在能脱口而出的这个解释——“颜色不能太正”——是从”红配绿难看”这个现象反推出来的，它只描述了现象，没解释原因。
我把问题再往下压一层：就算你把明度、面积、饱和度全做对了（第 08 章的那套），红配绿还是会比别的色对更”跳”。这个”跳”是什么？它从哪儿来？
要回答它，就不能停留在”颜色”这个层面了。得往下走到神经。
这一章我要做的是：把市面上的配色公式——单色、类似、互补、分裂互补、三角、四方——一个一个拿来，问它”凭什么成立”。有些公式背后有硬邦邦的生理依据，有些纯粹是经验归纳，还有些是彻头彻尾的误会。分清楚哪些是物理、哪些是习惯，你才算真的拥有这些公式，而不是租用它们。
一、红配绿到底冤不冤
先做个拆解。
你见过的”难看的红配绿”长什么样？我帮你回忆一下：大概是正红色（#ff0000 那一挂）配正绿色（#00ff00 那一挂），两者饱和度都拉满，明度差不多，面积也差不多，边界直接相接到处都是。
而圣诞配色呢？我拆给你看：
- 红：不是正红，是偏深的红（明度低、饱和度中高）
- 绿：不是正绿，是松针那种墨绿（明度低、饱和度中等）
- 白：大量出现——雪、胡子、瓷器的高光，明度极高
- 金：中等明度，带金属质感
去色之后看这四个东西：红和绿都是暗的，白是极亮的，金是中间的。明度层次清清楚楚。
而且更关键的一点：红和绿在圣诞配色里几乎不直接接触。 它们之间总隔着白色、金色、或者深色的背景。
这两点差别——明度拉开、面积不等、有缓冲——已经能解释大半了。这是第 08 章的内容，我不再重复。
但我要你注意一个你没法用第 08 章解释的现象：
你找一张红绿各占一半、直接相邻、明度也调成明显不同的图。比如上面是深绿（暗），下面是亮红（中明度）。明度差够了吧？层次清楚了吧？
盯着看十秒。
你会发现那道边界在发抖。你的眼睛没法稳定地聚焦在红和绿交界的地方，它有一点”爬”、一点”爬动”、一点不安分。
这跟明度没关系。这是另一回事。
“是错觉吧？”
不是错觉，是有机制的。而且这个机制一旦搞清楚，你就能理解所有配色公式真正的依据是什么——以及它们的边界在哪儿。
我们往下走。
二、互补色的生理账：拮抗加工与负后像
第 06 章讲过，你的视网膜上有三种视锥细胞，分别对长波、中波、短波最敏感，粗略对应红、绿、蓝。
但信号不是这么直接报上去的。
如果你以为的流程是”三种视锥各报各的数，大脑收到三个数，然后合成颜色”，那你就漏掉了视觉系统里最重要的一次加工。
真实流程是这样：视锥细胞的信号在视网膜里就被重新编码了。负责这次编码的是一类叫神经节细胞的细胞，它们输出的不是”红多少、绿多少、蓝多少”，而是三组差值信号：
- 黑白通道（也叫亮度通道）：（长波 + 中波）的总和。管明暗。
- 红绿通道：（长波 − 中波）。这一路是对立的，红多了就报”红”，绿多了就报”绿”，不可能同时报。
- 蓝黄通道：短波 −（长波 + 中波）。同样是对立的。
这个理论叫对立加工理论（opponent process theory），是赫林（Ewald Hering）在十九世纪提出的，比生理学证实它早了将近一百年。他当年纯粹是靠内省提出来的——他发现人能想象”偏黄的绿”和”偏蓝的红”，但无论如何想象不出”偏红的绿”或”偏黄的蓝”。
你现在就可以验证：试着在脑子里想一个”偏红的绿”。
想不出来。因为没有这种颜色，你的神经系统里根本没有能表示它的通道。
老哥，这一段你应该会觉得眼熟。
三种视锥的光谱响应曲线是高度重叠的——长波和中波视锥的敏感曲线几乎叠在一起，它们报上来的数有极大的相关性。三个高度相关的信号直接往上传，等于把同一份信息传了三遍，浪费掉了绝大部分带宽。
对立编码做了什么？它把三个冗余信号，重新组合成三个几乎不相关的轴。
这就是一次主成分分析。
视觉系统没有把数据原样上传，它先做了一次去相关，把信息压到三个正交的轴上，然后用同样的带宽传了三份各自独立的信息。这是极其经济的做法。
好，记住这个”对立通道”的概念，它是理解后面一切的关键。
负后像：不是玄学，是神经疲劳
现在做个实验。这个实验你自己就能做，而且我强烈建议你真的做一次，比你读十遍都管用。
盯着一个红色方块看三十秒。眼睛不要移开，尽量不眨。然后立刻把视线移到一张白纸上。
你会看到什么？
一个青绿色的方块，浮在白纸上，大概持续几秒钟，然后慢慢消失。
这就是负后像（negative afterimage）。
为什么会出现？
因为你那三十秒里，红绿通道的”红”那一侧一直在高强度放电。放电是有代价的——神经元会疲劳，响应的强度会往下掉。
这时你转向白纸。白纸对红绿通道两侧是等强度刺激的，正常情况下应该报”中性”。但现在红的那一侧疲劳了，输出比绿侧低，于是差值偏向了绿那一侧。
你的大脑收到了”这是绿色”的信号，尽管那张纸上根本没有绿色。
同样的事你可以在蓝黄通道上做一遍：盯着黄色看三十秒看白墙，你会看到一个蓝色的方块。
注意这里最要紧的一点：这说明”颜色”不是物体的属性，也不是光的属性，它是你神经系统某一刻的状态。
同一个白纸，在你看了红色之后是绿的，在你看了黄色之后是蓝的，在你什么都没看的时候是白的。白纸没变，变的是你。
（顺带一提，常被提到的一个说法是：手术室的医护人员穿蓝绿色手术服、用蓝绿色布单，其中一个理由是为了抵消长时间注视血液产生的红色后像，避免医生移开视线时视野里残留绿斑干扰判断。这个说法流传很广，我没法替它打包票，但它的原理跟上面的实验完全一致，你可以把它当成一个可能的应用案例，而不是定论。）
那么”互补”到底是什么意思
第 07 章讲过，“互补”这个词在不同体系里有三种互不重合的定义（物理上是”混合后得到白光”，颜料上是”混合后得到黑”，色环上是”相隔 180 度”）。它们互相打架，详见第 07 章。
这一章我给你第四个定义，也是最贴近你身体的一个：
在生理上，互补色就是”在同一条对立通道上处于相反两端的两个颜色”。
所以你会看到两对，而不是一对：
- 红 ↔ 绿（红绿通道的两端）
- 蓝 ↔ 黄（蓝黄通道的两端）
注意——严格说，生理上的”红”不是色环上的正红，而是”唯一绿”（unique red），也就是不带任何黄或蓝倾向的红；同理有唯一绿、唯一黄、唯一蓝。这四个点在色环上的位置不是完全对称的，这也是为什么生理对立轴和色环上的 180 度对位会有出入。
这个出入一会儿会派上用场。
三、为什么互补色放一起会”跳”
现在回到开头那个问题：互补色放在一起为什么会跳。
老哥的第一反应大概是：“因为对比强啊。”
这个想法是错的——准确地说，它是个循环论证。
“对比强”和”看着跳”是同一件事的两种说法。说”它跳是因为它对比强”，等于说”它跳是因为它跳”。这句话里没有任何信息量，它不能帮你预测任何事，也不能指导你做任何决定。
我要的是机制。给你两个。
机制一：同时对比（simultaneous contrast）
先说一个你可以自己验证的现象。
拿一块中性的灰色，把它放在一张大红纸上。然后拿同样一块灰，放在一张大绿纸上。
两块灰是同一个灰，同一个数值。但它们看起来一样吗？
不一样。放在红纸上的那块灰，看起来偏绿；放在绿纸上的那块灰，看起来偏红。
这就是同时对比：一个颜色的外观，会被它周围的颜色往”对方的方向”推。
为什么？因为视觉系统里有侧抑制（lateral inhibition）。简单说，一个神经元被激活时，会抑制它周围的邻居。这个机制的代价是相邻区域的差异被系统性夸大，好处是——
好处是恒定性和效率。
想想侧抑制在干什么：它让视觉系统对绝对值不敏感，只对差值敏感。这个取舍极其聪明，因为在真实世界里，绝对亮度每天都在剧烈变化（正午的阳光和黄昏的亮度能差几千倍），但物体之间的相对关系是不变的。一个只报差值的系统，天然地免疫了光照变化。
代价呢？代价就是：在边界处，你看到的颜色是”被加工过”的，不是真实的。
老哥懂图像处理的话，这个类比是现成的：侧抑制就是一个高通滤波，或者说一个 unsharp mask（锐化）的核。锐化会让边缘变得更明显，同时会在边缘两侧产生一圈”过冲”。视觉系统的这个”过冲”，就是你看到的颜色的偏移。
机制二：边界振动
同时对比解释了”边界附近的颜色会偏”。但它解释不了”发抖”。
发抖是另一回事，而且它有两个来源叠加。
第一个来源：你的眼球从来没真正静止过。
你觉得你盯着一个东西看的时候，眼睛是稳的。不是。你的眼球一直在做微小的、不自主的运动——微小的跳动、缓慢的漂移、高频的震颤。这些运动统称微眼动（fixational eye movement），它们的幅度小到你意识不到，但它们确实在持续地把边界两侧来回扫过你视网膜上同一小片细胞。
平时这没关系。因为一般情况下，边界两侧的刺激差异不大，扫过来扫过去，细胞的响应变化很小，大脑把它平滑掉了。
但如果边界两侧是互补色呢？
红绿通道在这一小片细胞上，被反复地从”红极端”切到”绿极端”，再切回来。这个切换幅度是这条通道能达到的最大幅度。大脑想平滑也平滑不掉，因为信号本身就在剧烈震荡。
第二个来源：色差。
这是个纯光学的因素，跟神经无关。
你的眼睛不是理想透镜。不同波长的光通过你的角膜和晶状体时，折射率不一样——短波（蓝）折得更厉害，焦点更靠前；长波（红）折得少，焦点更靠后。这个现象叫纵向色差（longitudinal chromatic aberration）。
也就是说，同一个物体，红光成的像和蓝光成的像，不在同一个平面上。
平时你的大脑会自动忽略这件事（它已经习惯了），但当边界两侧是红和绿这种波长差很大的颜色时，你要看清那条边界，你的眼睛就必须在不同的焦点之间反复调节。
你的睫状肌在持续地做微小的调焦动作，而且找不到一个”两边都清楚”的位置。
把这两个来源加起来：边界处的细胞在激烈震荡，眼睛在反复对焦却对不上。
你感觉到的”抖""爬""眼睛不舒服”，就是这两件事的合谋。
我给你一个类比：两张图片交替播放，每秒十几次。你看到的不是”两张图”，是”闪烁”。边界振动是同一个道理，只不过它发生在空间上——你的眼睛在空间上的微小移动，制造了时间上的交替。
后果：可读性上的灾难
这个机制讲完之后，互补色使用的禁区就非常清楚了：
互补色绝对不能用在”小面积元素 + 长边界”的组合上。
最典型的：红字配绿底、蓝字配黄底。
为什么？因为文字是什么？文字就是边界。 一个字之所以能被认出来，是因为它的笔画和背景之间有一条清晰的边界。而文字的边界长度相对于它的面积极大——一整个字全是边界。
互补色用在文字上，等于让每一个字的每一条边都在抖。读起来眼睛累、字看起来糊，而且不是”你觉得”糊，是真的更难辨认。
再叠加一层：红绿色盲/色弱在男性中的比例不低（这个数字各处统计不同，但普遍认为在几个百分点量级）。对这些人来说，红绿通道本身功能就不全，红和绿的区分度大幅下降。红字绿底在他们眼里，可能就是一片深浅接近的灰。
也就是说，红字绿底这个组合，对相当一部分人来说，不是”难读”，是”读不出来”。
那互补色的用武之地在哪
反过来推就行了。既然问题是”边界长 + 面积小 + 眼睛要长时间停在上面”，那互补色适合的就是反面：
大色块撞大色块。 边界少、边界长而直、面积大，振动感被面积稀释掉了，剩下的只有冲击。这是很多海报、电影宣传、体育品牌在做的事。
小面积点缀。 一个高饱和的橙点，放在大面积的蓝上。边界很短，振动被限制在极小范围，反而变成”提神”而不是”干扰”。
需要三秒抓人的东西。 警示标志、促销标签、体育赛事的视觉——它们要的就是”跳”，振动感在这里是资产不是负债。
一句话总结：互补色的张力是真实的，但张力发生在边界上，所以你必须控制边界的数量和长度。
四、六种经典方案，逐个算账
现在把市面上的配色公式一个个拿出来，问它凭什么成立、边界在哪。
1. 单色（monochromatic）：只用一个色相，靠明度和饱和度拉开
凭什么成立：色相轴上完全没有冲突。对立通道不被推向任何一端，所以从生理上讲，它不可能”打架”。这是所有方案里最不可能出错的一个。
为什么容易闷：正因为对立通道是”平”的，画面里全部的差异都压在明度上。而多数新手做单色方案时，会把明度也做得小心翼翼——深蓝、中蓝、浅蓝，跨度不大——于是画面一点张力都没有。
靠什么救：三件事。
一是明度跨度拉满。从接近黑到接近白，别舍不得。你去看做得好的单色设计，明度范围都是拉得很开的。
二是质感差异。同样是蓝，哑光的、亮面的、半透的、带纹理的，它们在你眼里是不同的东西。这是单色方案里最容易被忽略的一根救命稻草——当你不能换色相时，质感是你剩下的唯一变量。
三是给一点呼吸口。纯单色做久了会窒息，加一点中性色（白、米、灰）或者一点点极淡的远色相，画面立刻透起来。
适用边界：适合需要”专业、克制、不抢戏”的场景——企业后台、数据可视化、文档、需要长时间阅读的东西。不适合需要区分多个类别的场景：单色方案要区分十个类别，几乎不可能（你只有明度一个维度可用，而明度分十档还都要能认出来，做不到）。
2. 类似色（analogous）：色环上相邻，一般在 60 度以内
为什么天然和谐：相邻色相在对立通道上的取值接近，不会互相把对方推向极端。切换成本低，视觉系统处理起来省力。
这也解释了为什么类似色给人”自然”的感觉——风景本身就是类似色的。天空的蓝到远山的蓝紫、草地的黄绿到树叶的深绿，全在色环的一小段里。你在自然里待了几百万年，你的视觉系统对这种配色是熟悉的、放松的。
最大的风险：糊成一团。
差异本来就小，如果你再让明度接近、饱和度接近、面积也接近，那就真的什么都没了。三个色相挤在一起，谁也不比谁强，观众看完记不住任何东西。
怎么救：
第一，明确的主次分工，不要三等分。一个占大头，另外两个各占一点点。
第二，拉大明度差。类似色方案里，明度差异必须比色相差异更明显，否则就是一锅粥。
第三，加一个锚点——一小块远色相，或者一块明确的中性色。它的作用是给眼睛一个参照物，让它知道”其他那些颜色是一伙的”。
用声音打个比方：三个人的声部，音高都挤在一起，那就不是和声，是糊的。要有主旋律、有人伴奏、有人只在关键位置出现一个音。
3. 互补色（complementary）：相隔 180 度
为什么最刺激：两组对立通道被同时推向相反的极端。这是你的视觉系统能接收到的最强的色度信号，没有之一。
什么时候是灾难：
- 小面积文字（前面讲过，边界振动）
- 需要长时间注视的东西（振动会累积成疲劳）
- 两者明度相近且面积相当（边界振动最严重，而且视觉重心被劈成两半）
- 需要精确辨别的界面元素
什么时候好用：需要三秒抓人的钩子、大色块撞色、一主一次（90% 对 10%）。
最要紧的一条：互补色必须先解决明度问题再用。
明度一样，互补色是灾难；明度拉开，互补色是惊艳。同样是红配绿，一个明度差 10%，另一个明度差 60%，效果是天壤之别。而绝大多数”互补色翻车”的案例，翻的都是明度，不是色相。
4. 分裂互补（split-complementary）：取互补色两侧的两个邻居
比如主色是蓝，它的互补是橙。分裂互补不取橙，取橙两边的红橙和黄橙。
为什么它比纯互补更好用？
很多人给的解释是”它有三个颜色所以更丰富”。这个解释是错的——三个颜色不一定比两个好，三角方案也有三个颜色，但难把握得多。
真正的解释在对立通道上：
精确的 180 度对立，意味着两个色相在同一条对立通道上处于完全相反的最大值。这是这条通道能产生的最大冲突，也就是振动最强、最不稳的配置。
偏开 30 度之后，通道上的冲突明显减弱，但色相的分离度还保留着。
你得到了大部分”有对立”的张力，却避开了那个最不稳定的奇点。
我给你一个类比，你一听就懂：这就像并发里的锁冲突。两个 goroutine 精确地对撞同一个资源，冲突最大，谁都过不去；把它们稍微错开一点，冲突大幅下降，而并发度几乎没损失。
还有一个结构上的好处：纯互补只有两个颜色，很容易形成”两个颜色势均力敌”的僵局——谁也不服谁，眼睛被劈成两半。分裂互补天然是三个色相，主次关系更容易排开，不容易出现僵局。
这是我推荐给新手的”想要冲击力但不想翻车”的默认方案。 它有互补的张力，但没有互补的脆弱。
5. 三角（triadic）：色环上等距三点，红黄蓝是典型
为什么难把握：三个色相两两之间都是强分离，而且没有主导方向。红把红绿通道推向一端，黄和蓝分别影响蓝黄通道的两侧——你的视觉系统同时被推向三个方向，注意力没有落点。
三个颜色如果饱和度都高、面积相当，画面会极度吵。这是儿童玩具、马戏团海报的典型配色：好看，热闹，但很难”高级”。
怎么救：
第一，严格的一主两辅。一个占 60% 到 70%，另外两个各占一点点，绝不能三分天下。
第二，把其中两个的饱和度和明度大幅压低，只留一个纯的。这样三个色相虽然分散，但视觉重量不分散。
老哥可能会问：“那红黄蓝为什么在蒙德里安的画上、在乐高上、在宜家（蓝配黄）上好看？”
因为它们都用了极强的明度和面积控制：蒙德里安有大块的白和黑做分隔，那些红黄蓝是被白色框住的小色块；乐高的红黄蓝是大面积单色，一次只出现一个；宜家是蓝底黄字——面积极端不对称，而且明度拉得很开。
它们都是把三角方案往”一主一辅一点缀”上收，而不是真的让它三分天下。
6. 矩形 / 四方（tetradic）：两组互补，四个色相
为什么几乎总是需要”一主两辅一点缀”：四个色相意味着四个主角在竞争。而人眼能同时处理的视觉焦点是有限的——你没法让四个东西平等地强。
怎么救：
- 一个主导（60% 以上）
- 两个辅助（各 10% 上下）
- 一个点缀（5% 以内，通常还是高饱和的）
或者换个思路：把其中三个压成不同明度的低饱和，只留一个纯的。这样你有四个色相（够你区分四个类别），但只有一个在喊。
什么时候才值得用：需要区分多个类别时。比如一个图表里有四五条数据系列，你被逼着用多色相——这时候必须靠明度和面积把它们排出层级。
这里有个特别值得注意的点：如果四个类别在语义上是平等的，那就不要试图排出层级，而是让它们完全等权——同明度、同饱和、等面积。
等权本身也是一种清晰的秩序，观众一眼就懂”这四个是一伙的，重要性一样”。
最糟的是”想等权但没做到”：四个颜色实际权重参差（因为不同色相的感知亮度天生就不一样），而你自己不知道，还以为你做的是等权。这才是真的乱。
五、60-30-10：一条经验值的来历与破法
现在讲那条最著名的分配法则。
先说一个可能会让你意外的事实：60-30-10 不是从视觉生理里推出来的，它是从室内设计里迁移过来的经验值。
室内设计师要给墙面、家具软装、点缀物分配颜色比例，长期做下来，经验收敛到了一个大致的比例：墙和地这类大面积背景占 60%，沙发窗帘这类次要部分占 30%，靠垫花瓶这类点缀占 10%。
它是被”做出来”的，不是被”证出来”的。
那它凭什么在设计里也好用？它原本的语境是三维空间，而你的画布是二维的。这个迁移为什么没失效？
我给你补一个解释（注意，这是我的解释，不是原作者的）：
- 60% 主色：它决定画面的基调明度和基调色温。它需要低饱和、中低对比，因为它要被长时间看着，而且是所有东西的背景。
- 30% 辅色：它制造第一层对比，让画面不至于单调。它必须和主色有明确的明度差，否则它就不是辅色，是主色的影子。
- 10% 点缀色：它制造焦点。它可以——而且通常应该——是高饱和的，因为面积小，高饱和的疲劳问题被面积限制住了。
看出来了吗？面积和饱和度是反比关系。
这一条才是藏在 60-30-10 背后的真规则。60-30-10 只是它的一个好记的特例。
再用缓存的思路看一遍：高饱和是”快介质”，速度快但容量必须小；低饱和是”慢介质”，容量可以很大。把热数据放小容量的快介质，冷数据放大容量的慢介质——这不是妥协，这是最优解。
什么时候该故意打破它
知道它是经验值，你就知道它是可以被打破的。四种常见的情况：
第一，当你想要压迫感或沉浸感的时候。 把主色推到 85% 甚至 90%，只留一点点点缀。很多电影海报、品牌主视觉就是这么干的——它用极端的比例制造”被包围”的感觉。这时候 60-30-10 会显得太温和。
第二，当你需要”等权分类”的时候。 比如一个四分类的图例，四个类别在语义上平等。60-30-10 会强行制造层级，而层级是个谎言。这时候应该等分——但记得把它们的感知明度调成真的相等（第 08 章那个 HSL 陷阱）。
第三，当”背景”是中性色的时候。 白底、浅灰底、黑底——中性色不算进 60 里，它算画布。这时候 60-30-10 应该重新理解为”在有彩色之间的分配”。很多人的错误是把白底算成 60%，于是剩下三个颜色挤在 40% 里，比例全错。
第四，当你做”极简加一个爆点”的时候。 80% 中性 + 15% 主色 + 5% 点缀。这是很多高端品牌和高端 App 的实际比例，比 60-30-10 还要极端。
一句话记住：60-30-10 是默认值，不是目标值。 你可以改它，但你要能说出你改它换来了什么。
六、公式是起点，不是答案
最后，我要说一句可能让你不太舒服的话。
配色公式能给你”不犯错”，但给不了你个性和情绪。
为什么？因为公式是拓扑的——它只管色相之间的角度关系。
它不管明度，不管饱和度，不管面积，不管材质，不管文化语境，不管这个作品是给谁看的、在什么时间看的。
同一个”分裂互补”公式，你可以做出来一千种完全不同的东西：可以做成赛博朋克的霓虹感，可以做成北欧的性冷淡，可以做成东南亚餐厅的热带感。公式一样，气质天差地别。
换句话说：公式规定的那部分，恰恰是所有用这个公式的作品共有的部分，也就是最不能让你脱颖而出的部分。
还有一层，更尖锐：
这些公式是从已有好作品里归纳出来的，不是从生理机制里演绎出来的。
我前面花了很大力气证明”互补色的张力有生理依据”——但请注意，这个证明是我事后补的。 complementary 这个公式本身，是有人看了大量作品，发现”隔着半圈的色相放一起效果不错”，然后总结出来的。它跟生理机制大体相符，但相符不等于从它推导出来。
这意味着什么？
意味着公式描述的是过去的成功，不是未来的可能。
一个纯粹靠公式做出来的配色，会长得像”公式做出来的配色”——正确、干净、没有记忆点。就像用框架默认样式做的后台管理系统，功能齐全，但你记不住它长什么样。
那公式该怎么用？
当起点和检查器，不要当生成器。
具体做法是：先凭你想要的气质定一个方向（这是你的判断力在工作），然后用公式检查它：
- 我是不是漏了一个对比？
- 这几个色相是不是糊在一起了？
- 我的面积分配是不是失控了？
- 有没有哪个颜色，我留着它只是因为”删了好像少了点什么”？
公式用来发现问题，不用来生产答案。
打个比方：Go 的项目目录结构规范（cmd、internal、pkg 那套）能保证你的代码不难看，但保证不了你的代码有价值。规范是下限，不是上限。
七、跨场景：同一笔账，五个现场
场景一：登录页的两个按钮
画面里有什么：白底，中间一个表单。蓝色实心按钮写”登录”，旁边一个浅蓝色实心按钮写”注册”。下方一行灰色小字”忘记密码”。
问题是什么：两个按钮都是蓝色系，看起来像”同一个按钮的两个版本”，用户不确定该点哪个。
用本章的框架看：这既不是单色也不是互补，它是一个没有主张的类似色。两个按钮色相接近、饱和度中高、明度差不够，于是它们的视觉重量几乎相等。
怎么修：不是把”注册”换个色相（那是第三优先级的动作）。而是把它做成描边 + 透明底——填充消失，视觉重量从”一块色”降为”一条线加一行字”。这在第 08 章已经讲过原理：视觉重量由明度对比和面积决定。
如果你非要让”注册”也有填充，那就用分裂互补的思路：主按钮保持品牌蓝，“注册”用蓝的分裂互补方向上的颜色（比如橙红系），面积只有主按钮的三分之一。这样两个按钮的关系从”两个很像的东西”变成”一个主角和一个明确的配角”。
场景二：五条数据线的折线图
画面里有什么：一张趋势图，五条折线，五个色相——红、橙、绿、蓝、紫，饱和度都很高，线宽一样。下面一排图例，五个色块加五个名字。
问题是什么：非常吵。眼睛不知道先看哪条线，图例也认得慢。
真实病因：五个高饱和色相，加上等面积、等权重，等于五个势均力敌的视觉重心。这是把”四方方案”最糟的用法放大了。
怎么修：问自己一个问题——这五条线是”并列”还是”一主四辅”？
如果是并列（五家公司的数据，重要性相同）：那就彻底等权——同饱和、同明度、等面积、线宽一致。同时，把”当前被高亮的那一条”做成唯一的高饱和，其余全部降到低饱和。这样默认是安静的，交互时才有焦点。
如果是一主四辅：主线用高饱和的品牌色，其余四条用同一色相的不同明度（单色方案的思路），或者用低饱和的灰蓝灰绿。让它们明确地退到背景里。
为什么”只高亮一条”比”全部高亮”有效？ 因为对立通道的带宽是有限的。你把五个方向都占满，等于没有方向；你只占一个，那一个就无比清晰。
场景三：圣诞海报 vs 土味红配绿
把开篇的例子展开算一遍账。
土味版：正红（高饱和、中明度）+ 正绿（高饱和、中明度）。明度几乎相同，等面积，边界长且直接接触。
去色后：两个中灰，层次没有。而且红绿通道被两者同时推向相反的最大值，边界振动拉满。
圣诞版：深红（中低明度、中高饱和）+ 墨绿（低明度、中饱和）+ 大量白（极亮）+ 金（中明度、带金属质感）。
去色后：红和绿都是暗的，白是极亮，金是中亮——三档明度，层次清楚。
而且红绿之间几乎总有白色或金色隔开。白色是什么？是红绿通道上的中性值。它把两个极端之间插进去一个中间态，振动被切断了。
这就是为什么很多”撞色”设计里一定要有白（或黑、或灰）——中性色不只是呼吸口，它还是缓冲区，是对立通道的泄压阀。
场景四：一身牛仔的穿搭
画面里有什么：深蓝牛仔外套、中蓝直筒牛仔裤、浅蓝牛津衬衫、棕色皮带、酒红色的袜子。
这是什么方案：主体是单色（蓝），靠明度拉出三档（深、中、浅）。棕色皮带是蓝的互补方向的邻居，属于分裂互补的范畴。酒红袜子是小面积点缀。
为什么成立：单色部分提供了整体的统一感（对立通道是平的，不打架），明度差提供了结构（第 08 章的原则），棕色和酒红提供了两个”钩子”，让这一身不至于闷。
如果去掉明度差会怎样：三件蓝的明度都一样，那就是一坨蓝。再多的点缀色也救不回来——因为骨架没了。
如果去掉点缀色会怎样：干净、安全、没什么记忆点。这就是单色方案的天花板——它很难出错，也很难出彩。
场景五：一页活动落地页
画面里有什么：深蓝底（占 85%，低饱和、暗），白色大标题，青色的数据数字（占 10%），橙色的”立即报名”按钮（占 5%，高饱和）。
这是什么比例：明显打破了 60-30-10，主色推到了 85%。
为什么要这么打破：它要的是沉浸感。深蓝铺满整个视野，观众有一种”进入了一个空间”的感觉，而不是”在看一张网页”。这是典型的电影海报思路迁移到网页上。
青色和橙色是什么关系：近似互补（青对橙）。但它们的面积加起来只有 15%，而且是分散在两个地方，边界短。所以振动被限制住了，只剩下”跳”。
如果把比例改成 60-30-10 会怎样：画面会变得”正确”但平庸——更像一个普通的企业官网，而不是一个要让人兴奋的活动页。
这个案例要你记住的是：打破公式不是犯错，只要你清楚你换来了什么。你换来的是”沉浸感”，代价是”页面的通用性变差、信息容量变小”。这个交易在活动页上是划算的，在后台管理系统上是亏的。
心法
这一章的心法，我想讲的是一句话：公式保证下限，品味决定上限。
先说前半句。公式为什么能保证下限？
因为公式是大量成功案例的统计归纳，它编码的是”不翻车”的约束。你遵循它，至少不会犯下”红绿等面积等明度”这个级别的错误。它在你还没形成判断力的时候，替你关掉了最容易掉进去的那几个坑。
这对新手的价值巨大。你现在做设计，最大的问题不是做不出好东西，是做出来不知道哪里错。公式给了你一套 checklist，让你至少知道错在哪一类。
再说后半句，这才是关键：公式给不了上限。
因为上限从来不是来自”做对了所有事”。上限来自那个违反常识但成立的选择——那一点点越界。
你去回想任何一个让你记住的作品，它都有至少一个地方是”按规矩不该这样，但这样就是更好”。如果它每一个地方都完全符合规则，它就会长得很”规范”，而规范的东西是不会被记住的。
这就引出了一个关于约束的辩证，我希望你真的想清楚：
约束的价值不在于它限制了什么，在于它替你关掉了多少扇门。
色相 × 饱和度 × 明度，这是一个巨大的空间。你在这个空间里自由选择，意味着你有几乎无限的搜索范围——而人脑在无限空间里是瘫痪的。你会来回试，试到累，最后停在第一个”还行”的地方。
公式把这个空间缩小到一个可搜索的子集。分裂互补告诉你”往这两个方向找”，60-30-10 告诉你”面积按这个比例分”。你突然就不用在无穷的可能性里游泳了。
这一点你一定有感触。Go 语言被人吐槽”不够 expressive”，但正是这些限制让你不用在十种抽象方案之间纠结，你可以在十分钟内开始写业务逻辑。约束减少的是搜索成本，不是表达能力。
但注意它的另一面：约束在减少搜索成本的同时，也把”约束之外的最优解”一起关掉了。
这就是为什么你不能停留在公式上。
那正确的姿势是什么？
先用公式收敛到可搜索空间，再在这个空间里用你的判断力做选择。
公式负责把你从”无限”带到”十几个候选”，判断力负责从十几个候选里挑出那一个。而判断力的来源不是公式——它是你看过的东西的总量，乘以你对每一样东西反思的深度。
所以”品味决定上限”里的”品味”，不是天赋。它是两个可积累的量：
样本量：你见过多少种”越界但成立”的处理？你脑子里有多少个可以调用的先例？一个只看过十个作品的人和一个看过一万个人，他们脑子里可供搜索的空间完全不同。
反思深度：你能说出那些好作品为什么成立吗？如果你只是”看过”而不能拆解，那些样本在你脑子里是压缩过的、不可检索的。看一百张好图但说不出任何一张好在哪，样本量是一百，可用量可能是一。
这也是为什么本书从头到尾在逼你做同一件事：把”好看”翻译成要素。 这个翻译动作做得越多，你的样本就从”不可检索的印象”变成”可用的模式库”。
最后给你三个自测问题。每次做完一个配色，问自己一遍：
一、如果把所有色相全换掉，但保留明度关系和面积关系，它还成立吗？
如果成立，说明你的结构是自洽的——你不是靠色相在硬撑。如果不成立，说明你的配色是靠色相凑出来的，结构是虚的。
二、这个配色里有没有一个”我想让人记住的东西”？它是不是最强的那个？
一个没有主张的配色，是”均匀的”。它可能不难看，但它不传达任何东西。你必须能指出一个焦点，而且那个焦点必须真的是最强的。
三、有没有哪个颜色，我留着它只是因为”删了好像少了点什么”？
这种颜色通常该删。这句话的真实含义是”我没有理由留它，但我不敢删”。设计上的很多”丰富”其实是恐惧——怕太空、怕太简单、怕别人觉得你没做事。
回答完这三个问题，你对这个配色的判断，就已经超出公式能给你的范围了。
公式让你不犯错，但你不会因为不犯错而被记住。
小结
这一章我从”红配绿的冤案”出发，往下挖到了神经。
第一个结论：红配绿被嘲笑、圣诞配色被接受，表面差别在明度、面积和缓冲；但即便这些全做对，红绿相邻还是会比别的色对更”跳”。这个”跳”有明确机制——视觉信号在视网膜里就被重新编码成三组对立通道（黑白、红绿、蓝黄），互补色就是把同一条通道推向相反两端的两个颜色。
第二个结论：互补色会跳，不是因为”对比强”（那是循环论证），而是两件事的合谋。一是同时对比——侧抑制夸大边界处的差异，代价是边界附近的颜色是加工过的；二是边界振动——眼球从不停歇的微动让边界处的细胞在两个极端间反复切换，加上纵向色差让你在红绿边界上永远找不到两边都清楚的焦点。所以文字、小面积元素、长时间注视的地方，互补色是灾难；大色块撞色和小面积点缀上，它是利器。
第三个结论：六种方案各有生理依据和边界。单色最安全但全靠明度救；类似色天然和谐但极易糊；互补最刺激但最易翻车；分裂互补避开了 180 度那个精确的奇点，是”想要张力又不想翻车”的最优默认；三角和四方都需要严格的一主多辅。
第四个结论：60-30-10 是从室内设计迁移来的经验值，不是物理定律，它背后的真规则是”面积和饱和度成反比”。它可以被打破，但打破时你要能说出换来了什么。
最后一个结论，也是最重要的：公式是拓扑的、归纳的、属于过去的成功。它保证你不犯错，给不了你个性。用它当检查器，不要当生成器。
你带走的一句话：公式保证下限，品味决定上限。而品味不是天赋，是样本量乘以反思深度。
下一章我们往”空间”走。颜色不只是平面上的关系，它还能制造深度——为什么有的颜色往前冲、有的往后退？为什么远山会变蓝？冷暖到底是怎么回事，它凭什么能在一个平面的屏幕上造出三维的错觉？第 10 章，我们聊冷暖与空间。
【思考题】
-
盯着一个红色方块三十秒然后看白墙，你会看到青绿色的残影。请解释这个现象的机制。再进一步：如果你盯着的是黄色，残影是什么颜色？为什么是那个颜色而不是别的？（提示：想清楚对立通道是哪两组。）
-
找一张你觉得”土”的红配绿（或蓝配黄）的设计，再找一张你觉得高级的红配绿。对比它们的明度、饱和度和面积分配，写出至少三条具体差异。然后问自己：如果把高级的那张里的白色/金色/中性色全部去掉，它还高级吗？
-
为什么分裂互补比纯互补更好用？请从”对立通道被推向极端的程度”这个角度解释，而不是从”它有三个颜色所以更丰富”这个角度。如果你给不出这个解释，回去重读第三节。
-
有人说”我的设计用了 60-30-10，但看起来还是不对”。请列出至少三种可能的原因，其中至少一种必须是”公式本身用错了场景”。
-
你的界面里有一个”删除账号”按钮，需要非常显眼但又不希望用户误点。你会怎么用配色解决这个矛盾？（提示：先区分”显眼”和”诱人”这两个不同的目标。）
-
找一幅你觉得配色特别好的作品（绘画、电影截图、海报都行），判断它用的是哪种经典方案。如果你判断不出来，这说明什么？
【参考答案】
-
负后像的机制是神经疲劳。你盯着红色看的时候，红绿通道中”红”这一侧的神经元持续高强度放电，三十秒后它的响应强度下降（疲劳）。这时你转向白墙，白墙对红绿通道两侧的刺激是等强度的，正常情况下应该报”中性”；但红侧的输出已经低于绿侧，差值就偏向了绿那一侧——于是你”看到”青绿色。
如果你盯着的是黄色，残影是蓝色。因为黄色激活的是蓝黄通道中的”黄”侧（黄 = 长波加中波同时激活、短波不激活），黄侧疲劳后，白墙的等强度刺激就会偏向蓝侧。
注意这个实验的两点深意：
第一，残影的颜色总是原色的对立色，永远不会是别的什么颜色。这直接证明了视觉系统里确实存在这两条对立通道——如果颜色是”三原色各自独立上报”的，残影就没有任何理由非得是那个特定颜色。
第二，也是更重要的：同一个白墙，在你看了红色之后是绿的，看了黄色之后是蓝的，什么都没看的时候是白的。 白墙从头到尾没变，变的是你。这说明颜色不是物体的属性，是你神经系统某一刻的状态。这个认识一旦立住，你对”配色”这件事的理解会完全不同——你配的不是颜色，是观众神经系统的反应。
-
这个对比你要是真做了，通常会发现三条差异：
第一，明度差。 土味版的红和绿明度几乎相同（去色后都是中灰），高级版的红和绿明度差很大，或者两者都压得很暗。这是第 08 章的原则，也是最主要的一条。
第二，饱和度分配。 土味版两者饱和度都拉满；高级版通常只有一个是饱和的，另一个被压低，或者两者都被压到中等。
第三，面积和缓冲。 土味版两者面积相当、边界直接接触；高级版往往一主一次，而且两者之间有明显的中性色（白、米、金、深棕）隔开。
至于那个追问——把高级版里的中性色全部去掉，它通常就垮了。
这恰好是本章第三节的实证：中性色在对立通道上处于中间值。它插在两个极端之间，等于把这条通道从”满负荷震荡”卸到了”半程”。它不只是呼吸口，它是泄压阀。
很多撞色设计里那一道白边、那一片留白、那一点金属色，干的都是这个活。你以为它是装饰，其实它是结构件。
-
正确的解释是这样的：精确的 180 度对立，意味着两个色相在同一条对立通道上处于完全相反的最大值。这是这条通道能产生的最大可能冲突，也就是同时对比的偏移最大、边界振动最剧烈的那个奇点。
分裂互补取的是互补色两侧各偏开约 30 度的两个颜色。偏开之后，它们在通道上的取值不再是”完全相反的最大值”，冲突幅度明显下降；但它们的色相距离主色依然很远，色相的分离度基本保留。
所以你得到的是：大部分张力，避开了最不稳定的那个点。
这个解释比”三个颜色更丰富”强在哪？强在它能预测。按”更丰富”的说法，三角方案也有三个颜色，应该同样好用——但三角方案公认难把握。而按通道冲突的解释，三角方案之所以难，是因为它同时在多条通道上制造分离、且没有主导方向，注意力没有落点。这个解释能区分两种情况，另一个不能。
能预测的解释才是解释，只能复述现象的说法不是。
-
至少这三种：
第一，把中性色算进了 60。 白底、浅灰底、黑底都是”画布”不是”主色”。如果你把白底算成 60%，那剩下三个颜色只能挤在 40% 里，实际比例完全乱了，但你在数字上觉得自己是对的。这是最常见的一种。
第二，比例对了，但明度没分层。 60 和 30 如果去色后是同一个灰，那这个 60-30-10 是无效的——观众根本看不见那个”30”。面积分配和明度分配是两件事，必须同时成立。
第三，公式本身用错了场景。 这是最值得说的一条：如果你的画面需要等权分类（比如四个平等的类别、五条并列的数据线），60-30-10 会强行制造层级，而这个层级是个谎言——它暗示”这个比那个重要”，而实际不是。这时候正确的做法不是 60-30-10，是彻底等权：等面积、等饱和、等感知明度。等权本身也是清晰的秩序。
还有第四种可能：你的画面需要的是沉浸感而不是”平衡”，那你就不该用 60-30-10，而该把主色推到 85% 以上。这时候”看起来不对”的感觉，可能恰恰来自它太平衡了。
-
首先要拆开这个需求本身：“显眼”和”诱人”是两件事，而大多数危险操作按钮把这两件事混在一起了。
显眼是明度对比和位置的问题：它需要在视觉上被找到。 诱人是饱和度和色温的问题：高饱和的暖色（红、橙）天然带有”来点我”的吸引力。
所以解法是：给它显眼度，但不给它诱惑力。
具体做法有几种，可以叠加：
第一，用明度而不是饱和度制造显眼。 把一个深红色（低明度、中高饱和）放在白底上，它的明度对比足够大，一眼能看到，但它的低明度让它不”跳”、不招手。这比用正红色好得多——正红又亮又饱和，它在说”点我点我”。
第二，降低它的”填充重量”。 做成描边 + 透明底 + 深色文字/描边。它依然能被看见（描边是明确的边界），但没有那块实心色带来的”按下去很爽”的暗示。
第三，把”诱人”的属性给安全选项。 主操作用高饱和的品牌色实心按钮，危险操作用低饱和的描边按钮。这样视觉上”最想按”的那个是正确的那个，危险操作虽然找得到，但不吸引手指。
第四，加摩擦，而不是靠配色阻挡。 二次确认、需要输入账号名才能删除、需要滑动确认。配色不该承担”防止误点”的责任——它的责任是”让人看清楚这是什么”。防误点是交互的责任。
这一条背后的原则是：配色负责传达性质，不负责制造阻力。 一个红色按钮可能会让人犹豫一秒，但它拦不住真正想点的人；而二次确认能。别把安全机制做成视觉问题。
-
如果你能判断出来（单色、类似、互补、分裂互补、三角、四方之一），那很好——说明这套分类对你是有用的，你能用它来描述真实世界的作品。
如果你判断不出来，通常说明三种情况之一：
第一，这幅作品用了”公式之外”的处理。 这可能恰恰是它好的原因。真正有个性的作品经常不完全落在任何一个公式里——它可能主体是类似色，但加了一个远得多的点缀色；或者它的色相分布很规整，但它靠材质和光影做出了公式管不到的东西。
第二，你在用公式”套”作品，而不是从作品里”读”结构。 公式是归纳出来的，用它去套新作品，遇到套不上的情况太正常了。这时候正确的动作不是硬套，而是反过来问：它实际是怎么安排的？明度怎么分？面积怎么分？有没有中性色做缓冲？——把这些读出来，比给它贴个标签有用得多。
第三，也是我最想让你注意的：判断不出来，本身就是一个有价值的信号。 它说明这个作品的色相安排不是它最突出的特征。那么它突出的是什么？是明度？是质感？是构图？是题材？
一个作品的配色让你看不出用了什么公式，往往是因为它把功夫花在了公式管不到的地方。
这也是本章”公式是起点不是答案”的一个实证。公式能描述的那部分，恰恰是和其他作品共享的那部分；让一个作品成为它自己的，是公式描述不了的那部分。
【动手练习】
-
负后像与边界振动：两个可以立刻做的生理实验
实验 A（负后像）：找一个纯色的大色块填满屏幕（红、黄、绿、蓝各试一次），盯住中心看 30 秒，不要移开视线，然后立刻看一张白纸或白墙。记录你看到的残影颜色，并写下它是不是该色的对立色。把红和黄都做完，验证”红绿通道”和”蓝黄通道”这两组对立关系。
实验 B（边界振动）：做两块相邻的纯色，一组是互补色（比如纯红和纯绿），一组是类似色（比如蓝和蓝绿），两块都做成同样大小、同样的明度差。分别盯着交界处看 10 秒，记录你的感受差异。
自评标准：实验 A 你应该看到对立色的残影，如果没看到，多半是你中途移开了视线或者时间不够，重做一次。实验 B 里，互补色那组的边界应该明显更”不安分”——如果你感觉不到差别，把两块面积开大一点、明度调成接近，再看一次。能稳定地感受到这个差别，你对”边界振动”就不再是将信将疑，而是身体记住了。
-
同一内容，三版方案
找一个你手头有的东西（一个页面、一张海报、一页 PPT），保持版式、图片、文字完全不变，只换配色，做三个版本：
- A 版：单色。只用一个色相，靠明度和饱和度拉开层次。
- B 版：分裂互补。先定主色，再取它互补色两侧的两个邻居。
- C 版：三角。色环上等距三点，但强制自己做到”一主两辅”（一个占 60% 以上）。
每一版都做去色检查，确认明度层次清楚。然后把三版并排，写下：哪一版最符合你要传达的气质？哪一版最不翻车？哪一版最有记忆点？这三个答案很可能不是同一版——写下为什么。
自评标准：如果你三版看起来”差不多”，说明你只换了色相，没有真正改变明度和面积分配——回去把每一版的明度跨度都拉到最大，再对比一次。合格的完成状态是：你能明确说出三版各自适合什么场景（比如”A 版适合后台，C 版适合活动页”），并且能说出理由。
-
面积实测：60-30-10 到底是不是真的
找三张你觉得配色好的图（海报、界面、摄影都行）。对每一张，估算它的颜色面积比例。方法任选：截图后画格子数格子、用取色工具统计、或者干脆用眼睛分成十份估。
记录下你的结果，然后回答：
- 它真的是 60-30-10 吗？如果不是，实际比例是多少？
- 如果它明显不是 60-30-10（比如主色占了 85%），你能说出它这么做的理由吗？（提示：回到本章第五节那四种”该打破”的情况）
- 这三张图里，有没有哪张的背景是中性色？如果有，把中性色排除后重算一次，比例变成什么样了？
自评标准：做完三张之后，你应该得到一个让你意外的发现——真正严格符合 60-30-10 的图比你想象的少。如果你发现三张都符合，那多半是你估算得太粗糙了，回去用更细的格子重数一次。这个练习的目的不是验证公式，是让你亲手确认”公式是经验值不是定律”——你只有自己量过，才会真的敢在需要的时候打破它。