很多设计师刚开始学配色时，习惯从别人的作品里扒颜色，保存一堆截图和色卡，却说不清这些颜色之间到底有什么关系。看得多了，反而更迷茫，只能靠感觉试，改来改去，最后还是不踏实。

色环出现的意义就在这里。它把颜色排成一圈，让每一种色相在360度里都有自己的位置。前面我们已经通过12色环和24色环，建立了对色相顺序和刻度的基本认识，也知道这一圈可以被平均切分，用来描述颜色之间的远近和跨度。接下来要做的事情，是把这张静止的图变成可以使用的配色方法，让每一次选色不再只是一时心情，而有清楚的依据和路径。

这篇文章会围绕六个常用的配色原则展开。它们都建立在色环之上，却指向不同的设计目的。有的帮你做出安静统一的界面，有的负责制造清晰的重点，还有的适合处理多种颜色并存的复杂场景。理解这些原则之后，当你再看到一张配色顺眼的页面，既能在色环上画出它大致使用的关系，也能在自己的项目里有意识地复用，而不是完全靠运气。

1 同类色搭配原则

同类色指的是色相非常接近的一组颜色。放在 12 色环或 24 色环上看，它们会集中在一小段弧线上，只做很短的移动。如果用角度来理解，可以把同类色的色相差控制在 30 度以内，一般在 15 度左右会更好掌控。换算到 24 色环，大致是一到两格的范围。

同类色搭配带来的第一印象是统一。色相几乎不变，画面里的差异更多来自明度和饱和度。

对界面设计来说，这种组合非常适合信息密度高、使用时长较长的产品，例如阅读应用、文档和笔记工具、记账和日程类页面。主色可以承担品牌识别和关键操作，同一色相下的浅色可以用在标签、弱化图标、背景块或柔和的渐变中，让整体气质保持一致，而不会被过多杂色打断。

2 邻近色搭配原则

邻近色的跨度比同类色大一些，落在同一大片色域里，但已经有了清楚的差别。放在 12 色环上，可以理解为跨 2 到 3 格，大约是 60 到 90 度的范围；换到 24 色环，就是向两侧各走几格，在同一片色域中选出几种相互接近又不相同的颜色。