十二种颜色搭配口诀表
色彩搭配是设计中的核心要素，合理的配色能瞬间提升作品的质感与美感。以下是基于色彩理论（Color Theory）总结的十二种经典颜色搭配法则，以及实用的配色口诀。
一、十二种颜色搭配法则
这十二种法则基于十二色环（12-Color Wheel），涵盖了从基础到进阶的配色技巧。
1. 单色搭配 (Monochromatic)
定义：使用同一种颜色的不同深浅（Shades）、明度（Tints）和色调（Tones）进行搭配。 效果：整体感强，干净简洁，不容易出错，给人一种专业、稳重的感觉。 示例：深蓝 + 蔚蓝 + 浅蓝。
2. 邻近色搭配 (Analogous)
定义：在色环上相邻的2-3种颜色进行搭配（如黄、黄橙、橙）。 效果：和谐舒适，富有层次感，类似于大自然中的色彩过渡。 示例：黄色 + 橙色。
3. 互补色搭配 (Complementary)
定义：色环上相对（180度）的两种颜色搭配。 效果：对比强烈，视觉冲击力大，充满活力。 注意：使用时要注意主次分明，避免1:1的比例导致视觉疲劳。 示例：红色 + 绿色；蓝色 + 橙色。
4. 分裂补色搭配 (Split Complementary)
定义：一种颜色与其互补色两侧的两种颜色搭配。 效果：既有互补色的对比度，又比直接互补柔和，视觉张力适中。 示例：蓝色 + 黄橙 + 红橙。
5. 三等分配色 (Triadic)
定义：在色环上形成等边三角形的三种颜色搭配。 效果：色彩丰富且平衡，充满活力。 示例：红 + 黄 + 蓝。
6. 矩形配色 (Tetradic / Rectangle)
定义：两组互补色组成的四种颜色，在色环上形成矩形。 效果：非常丰富多彩，但也最难驾驭，建议选择一种主色，其他作为辅助。
7. 正方形配色 (Square)
定义：四种颜色在色环上均匀分布，形成正方形。 效果：与矩形配色类似，但颜色之间的差异更均匀。
8. 暖色系搭配 (Warm Colors)
定义：以红、橙、黄为基础的搭配。 效果：传递热情、能量、温暖和兴奋的情绪。适合食品、庆典等场景。
9. 冷色系搭配 (Cool Colors)
定义：以蓝、绿、紫为基础的搭配。 效果：传递冷静、专业、信任和安宁的感觉。适合科技、金融、医疗等场景。
10. 无色系/中性色搭配 (Neutral)
定义：黑、白、灰以及米色、棕色、卡其色等。 效果：百搭、经典、高级。常用作背景色或用来中和其他鲜艳的颜色。
11. 明度对比 (Balance Value)
定义：利用颜色的明暗差异来创造层次。 法则：深色显得沉重，适合底部；浅色轻盈，适合顶部。
12. 60-30-10 法则
定义：经典的黄金配色比例。
- 60% 主色（Dominant Color）：决定整体基调（通常是背景）。
- 30% 辅助色（Secondary Color）：增加视觉兴趣（通常是组件、卡片）。
- 10% 提亮色（Accent Color）：用于强调重点（如按钮、行动召唤）。
二、常用颜色搭配口诀
为了方便记忆和应用，设计界流传着许多朗朗上口的配色口诀：
基础口诀
红配黄，喜煞娘（喜庆活泼，常见于快餐、促销） 红配绿，赛狗屁（此时要注意：除非降低纯度或改变面积比，否则俗气） 红配紫，难看死（邻近色但对比不够鲜明，容易显脏，需调整明度） 红配黑，酷煞人（经典红黑配，时尚且有力量）
进阶口诀表
| 主色 | 最佳搭配色 | 避讳搭配色 | 风格印象 |
|---|---|---|---|
| 红色 | 白、黑、米、灰 | 紫色 | 热情、危险、活力 |
| 黄色 | 紫、蓝、白、黑 | 粉红 | 警告、光明、快乐 |
| 蓝色 | 白、粉蓝、酱红、金 | 绿色（深蓝除外） | 科技、冷静、信任 |
| 绿色 | 白、米、黑、暗紫 | 红色（正红） | 自然、生命、健康 |
| 紫色 | 浅粉、灰、蓝 | 红色、橙色 | 神秘、高贵、浪漫 |
| 橙色 | 白、黑、蓝 | 紫色 | 创造力、友善、秋天 |
| 黑/白 | 几乎所有颜色 | 无 | 极简、现代、高级 |
搭配心法
- 大红大绿要隔离：若必须用红绿，中间用白色与黑色线条阻隔。
- 万能搭配是黑白：颜色搭不好，就加黑与白。
- 色彩不过三：对于新手，全案色相（Hue）不要超过三种，黑白灰除外。
- 上浅下深：符合视觉重力，给人稳定感。
掌握这些口诀和法则，无论是网页设计（Web Design）、UI开发还是日常穿搭，都能游刃有余。