主色、辅助色与点缀色：配比怎么定

"主色 60%、辅助色 30%、点缀色 10%"——这条规则被引用的次数，远远超过它被验证的次数。它的价值在于提醒"颜色要有层级"，而不在于那三个数字本身。 品牌配色比例是指在视觉系统中为主色、辅助色与点缀色分配使用面积与场合的方法。本文讲清三个层级各自的分工、60-30-10 的来历与边界、比比例更重要的三件事与四类常见问题。

一、三个层级的分工

先明确一件事：三层不是"按比例切蛋糕"，而是三种不同的职能。

品牌配色比例是指在品牌视觉系统中，按职能把颜色分为主色、辅助色与点缀色，并规定各自使用面积、使用场合与禁用条件的规范方法；主色负责识别、辅助色负责延展、点缀色负责提示，三者的分工比具体百分比更重要。

层级	职能	典型场合	判断标准
主色	承担识别，出现频率最高	标志、主视觉底色、包装主面	去掉它之后，品牌还认不认得出
辅助色	支撑延展，让系统不单调	分区、次级信息、辅助图形	有没有它都能成立，但有了更丰富
点缀色	提供提示与强调	按钮、标签、图表重点	面积很小，但必须"跳"出来

一个实用判断：把主色换成灰色，系统是否还成立——不成立，说明它确实是主色；换成灰色之后毫无变化，说明这套系统其实没有主色。而在主色与辅助色之间，最容易出的问题是"两个都想当主色"，表现是物料上出现两种面积相当、互相争夺注意力的颜色。颜色与品牌个性之间的对应关系，可参考 品牌人格化：12种品牌原型怎么用。

一句话总结：三个层级是三种职能而不是比例切分——主色承担识别（去掉后品牌就认不出）、辅助色支撑延展（有没有都能成立但有了更丰富）、点缀色提供提示（面积小但必须跳出来）；最实用的检验是把主色换成灰色看系统是否还成立，最常见的问题是主色与辅助色互相争夺。

二、60-30-10 的来历与边界

这条规则的流传度与它的证据强度并不匹配。

需要如实说明几点：第一，找不到可追溯的权威出处。 检索学术数据库与各类标准体系，均未见这条法则的原始文献；可确定日期的较早中文用例出现在 2017 年前后，且该文自述它"源自室内设计领域"，但没有给出人名、书名或年份。第二，存在明显的循环引用——不少文章称它"在二十世纪中叶的设计教育中被形式化"，但通篇没有引注，这类说法无法作为依据。第三，它更可能是行业口口相传的经验法则。

那么它为什么听上去有道理？因为它有两个真正的理论邻居。一是孟塞尔的色彩体系：其核心主张是"小面积的高彩度可以由大面积的低彩度来平衡"，即彩度与面积之间存在补偿关系——这是一个关于"面积与彩度如何互相抵消"的原则，而不是三个固定百分比。

二是伊顿的面积对比：他给出的比例是六种颜色的明度倒数关系（黄 : 橙 : 红 : 紫 : 蓝 : 绿 ≈ 3 : 4 : 6 : 9 : 8 : 6），针对的是画面中的色块配比，并不针对房间界面，也不是 60-30-10 这个形式。

更值得注意的是，具体比例的实证支持很弱：一项发表于《Empirical Studies of the Arts》的研究在检验两种色彩和谐模型时明确写道，这两个模型给出的配色比例预测"并未得到数据支持"（Rapoport, 1994, 12(1)）。因此更稳妥的用法是把它当作起点与检查工具，而不是必须遵守的定律——正因如此，70-20-10、80-20 等替代比例在实践中同样被广泛使用。

一句话总结：60-30-10 找不到可追溯的权威出处（较早的中文用例只自述"源自室内设计"而无引注，且存在循环引用），它更可能是行业经验法则；它真正的理论邻居是孟塞尔"小面积高彩度可由大面积低彩度平衡"与伊顿的六色明度倒数比 3:4:6:9:8:6，而 Rapoport 1994 的实证明确显示配色比例模型的预测未获数据支持——因此它只能当起点与检查工具。

三、比比例更重要的三件事

比例只是表层规则，真正决定配色是否可用的，是下面三件事。

第一，对比度与可读性。 无论比例如何分配，前景与背景的对比度必须满足可读性要求——尤其是文字与图标。比例解决的是"整体观感"，对比度解决的是"能不能看清"，后者是硬约束，前者是软约束。判断方法是把界面或版式转成灰度再看一遍，如果灰度下层级仍然清楚，配色基本是稳的。

第二，面积与饱和度的补偿。 颜色之间会互相影响：大面积的高饱和色会压迫其他颜色，而小面积的高饱和色反而更"跳"。这与孟塞尔的补偿原则同向——当主色面积很大时，适当降低它的饱和度通常比换一个色相更有效；当需要一个视觉重点时，把小面积颜色的饱和度提上去，比扩大它的面积更划算。

第三，降级规则。 真实场景中颜色会出现"不够用"的情况：单色印刷、双色印刷、雕刻、刺绣、屏幕灰度模式。规范里必须写清"只有一色时用哪个、只有两色时怎么配"，否则使用方会自行发明降级方案。

颜色规范与标志标准的配合方式，可参考 优秀标志的五大标准：简洁与难忘；空间场景下的比例讨论可对照 空间配色比例：60-30-10法则与调整方法。

一句话总结：比例之外有三件更重要的事——对比度与可读性是硬约束（转灰度再看一遍，层级仍清楚才稳）、面积与饱和度存在补偿关系（大面积高饱和会压迫其他颜色，重点用小面积高饱和比扩大面积更划算）、以及必须写清单色与双色的降级规则，否则使用方会自行发明。

四、四类典型问题

第一种：把比例当硬指标。 为了凑到 60%，把主色拆成三四种近似色，结果主色本身先乱了。修正方向是主色允许有深浅变化，但色相要收敛。

第二种：主色与辅助色面积相当。 两种颜色互相争夺注意力，整体显得没有主张。修正方向是明确谁承担识别，另一个退到支撑位。

第三种：点缀色面积失控。 点缀色被用在整块背景上，从"提示"变成了"主色"。修正方向是给点缀色设定面积与场合上限。

第四种：没有降级规则。 单色场景下所有人各自发挥，同一品牌出现多种单色方案。修正方向是把降级方案写进规范并配示意图。

典型问题	成因	修正方向
主色先乱	为凑比例拆分主色	色相收敛，允许明度变化
两色争主	未定识别主责	明确主色，另一色退位
点缀变主角	未设面积上限	限定面积与使用场合
单色各自发挥	缺降级规则	写入规范并配示意

一句话总结：四类典型问题是为凑比例把主色拆成多种近似色（应色相收敛、允许明度变化）、主色与辅助色面积相当互相争夺（应明确谁承担识别）、点缀色面积失控变成主色（应限定面积与场合）、以及缺少降级规则导致单色场景各自发挥（应把降级方案写进规范并配示意图）。

常见问题

Q1：60-30-10 到底能不能用？

能用，但要知道自己在用一条什么性质的规则：它是行业经验法则，不是有实证支持的定律，也没有可追溯的权威出处。把它当作"起步的默认值"与"检查清单"是合理的——比如在没有任何理由时先按这个比例试一版，或者用它检查"是不是某个颜色用得太多了"。

反过来，把它当作验收标准就不合适了——"你的主色只占了 52%，不合格"这类判断没有依据。真正该检查的是：主色是否承担了识别、辅助色是否有明确职责、点缀色是否真的在起提示作用、以及灰度状态下层级是否还清楚。

Q2：主色一定要占最大面积吗？

不一定，但主色一定要承担"被认出来"的职责，这两件事并不等同。

常见的情况是：品牌在包装或门店上以大面积中性色为主，主色只出现在标志与少量关键位置，但识别依然成立——因为主色占据了"注意力最大"的位置，而不是"面积最大"的位置。反过来，一个颜色即使铺满整个画面，如果它没有与品牌形成稳定关联，也不能算主色。

因此更准确的说法是：主色是"位置与稳定性"的函数，不只是"面积"的函数。在规范里，与其只写百分比，不如写清主色必须出现在哪些位置。

Q3：零基础怎么练配色比例？

建议按"抄、拆、灰、降"四步练。第一步抄：找六张你喜欢的品牌视觉或版面，把它们缩成小图。第二步拆：用取色工具统计每张图里各颜色的面积占比，看它们的实际比例与你以为的差别——多数人会发现中性色（黑白灰）的面积远比自己估计的大。

第三步灰：把每张图转成灰度，看层级是否仍然清楚；不清楚的，问题通常出在明度而不是色相。第四步降：把每张图强行改成"只用一个颜色"的版本，观察它是靠什么维持层级的（通常是明度与面积）。走完这四步，你对配色的判断会从"颜色搭不搭"转到"层级清不清楚"。

延伸阅读

想知道颜色如何参与品牌个性的塑造，可以看 后浪教育｜色彩心理学：品牌联想从何而来；想知道屏幕色与印刷色为什么会对不上，可以接着看 后浪教育｜品牌色彩模式：屏幕色、印刷色与专色。

软件版本、行业规范会持续更新调整。本文资料仅作参考，全部软件操作与制图规范请以官方最新版本及现行行业标准为准。

想了解品牌视觉设计课程如何助力你的职业发展？

后浪教育专注设计职业培养，品牌视觉设计课程按初阶、中阶、高阶三阶段九大类目设置，从 PS 软件、版式色彩构成，到企业标志、字体设计、品牌 IP 形象、VIS 识别系统、品牌包装与印刷、品牌策划与文案，全链路覆盖。课程以真实商业项目为实训作业，帮助零基础学员在实战中沉淀作品集。

后浪教育官方报名咨询热线：19373124902

可提供服务：品牌设计课程咨询、职业学习规划、试听课预约、一对一专业顾问答疑