配色搭配
60-30-10 配色法则：最简单的色彩平衡方法
让配色看起来"有设计"而不是"随便堆"的最快方法，是控制比例。60-30-10 法则就是最简单的那条公式。
核心要点
- 60% 主色（通常是中性色或基色），30% 辅助色，10% 点缀色
- 点缀色才是放最大胆颜色的地方——也只在这里放
- 它之所以有效：眼睛需要一个休息处（60%）和一个落点（10%）
- 可变形：60/25/10/5 能加第二个点缀色又不破坏平衡
法则讲了什么
按面积把设计的颜色分成三个角色：60% 主色、30% 辅助色、10% 点缀色。数字不是铁律——它是一个目标，让一种颜色明确"当家"，同时给眼睛一个明亮的落点。
60% 主色
30% 辅助
10% 点缀
每个角色放什么
60% 通常是中性色或品牌色的低饱和版本——墙面、背景、大块表面。30% 起支撑和对比作用——次级区块、卡片、导航。10% 是你最饱和的颜色，专留给按钮、链接、高亮，以及你最想让人点击或注意的那一处。
为什么有效
视觉舒适来自层次。当一切都同等地争夺注意力，就没有重点，画面显得混乱。60% 给眼睛一个安静的休息场；10% 给它一个明确的目标。这条法则其实就是"建立清晰的主、辅、点缀"的好记口诀。
灵活变形
需要超过三种颜色？用 60/25/10/5——多出的 5% 是第二个点缀色（比如在品牌主点缀色之外，再加一个"危险"红）。原则不变：保持一种主色，点缀色保持小面积。一旦点缀超过约 15%，它就不再是点缀，平衡也就被打破了。
常见问题
设计里的 60-30-10 法则是什么？
它按面积把色板分成 60% 主色、30% 辅助色、10% 点缀色。通过让一种颜色主导、把最大胆的颜色留给小面积高冲击的细节，来制造视觉平衡。
哪种颜色该当 10% 的点缀色？
你最饱和、最抓眼球的颜色——用于按钮、链接、高亮和行动号召。正是把它控制在约 10%，才让它跳出来。
60-30-10 法则适用于网站吗？
适用。中性背景（60%）、支撑性的区块/卡片色（30%）、用于按钮和链接的饱和品牌点缀（10%），是网页 UI 很可靠的起点。
验证你的配色比例
看看色板在 60/30/10 面积比下的实际效果