哪里有光，哪里就有颜色。色轮就是将可见光区域以圆环来表示。为了便于使用，我们将其简化为12个基本色相。色轮告诉我们颜色之间的相互的关系。

色轮的组成

色轮由 12 种基本的颜色组成。首先包含的是三原色（ Primary colors ），即蓝、黄、红。原色混合产生了二次色（ Secondary colors ），用二次色混合，产生了三次色（ tertiary colors ）。

原色是色轮中所有颜色的“父母”。在色轮中，只有这三种颜色不是 由其它颜色调合而成。下图可以看出，三原色在色环中的位置是平均分布的。

二次色所处的位置是位于两种三原色一半的地方（见下图）。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。
三次色是由相邻的两种二次色调合而成。

共同的颜色

你可能会发现，每一种颜色都拥有部分相邻的颜色，如此循环成一个色环。共同的颜色是颜色关系的基本要点，必须对此有深入的了解。

颜色有明暗之分或者称为颜色数值。为了显示颜色的明暗，所以色轮有多个环。色轮由五个同心环组成，从暗到亮，暗色处于大环，明色处于小环，而中间是颜色的基本色相。
两个外围的大环是暗色（ Shadow colors ），里面两个小环是明色 (tint colors) 。

从上图我们可以看出，处于右边的暗色就是加上黑色，而左边的明色则是加上白色。五个圆环已经清楚表示了颜色如何由暗到亮的过程。但这种明色及暗色的关系只是相对而言。

6种常见颜色关系

配色工具

在线配色网站-http://colorschemedesigner.com/csd-3.5/

在线配色网站

1. 单色搭配

一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。

2. 类似色

以一个主色搭配在它两旁等距的两个颜色。类似色都拥有共同的颜色（在下图中，是黄色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。

3.互补色

色轮上直线相对的两种颜色称为补色。通常一种面积较小，另一种比较大。

4. 分裂补色

以三个类似色为基础，再加上色环对面的一个对比色。这种搭配既有类似色低对比度的美感，又具有对比色的力量感。

5. 三原色

除了在儿童产品中，三原色很少同时使用。 但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。
红黄搭配应用的范围很广――从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人，如果是紧邻在一起，则会产生冲突感。

6. 二次色搭配 (Secondary)

二次色之间都拥有一种共同的颜色――其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色――所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，并具有丰富的色调。它们同时具有的颜色深度及广度，这一点在其它颜色关系上很难找到。

色彩强度

不同色彩搭配对肉眼产生的影响大小，补色产生的刺激最大，单色最小。

配色技巧

1、有VI手册的，根据VI标准来配色

2、网页本色不宜超过3种（从色相上来说）

3、用一种色彩。叠柔配色法：这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通俗些就是将色彩变淡或加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

4、用两种色彩。先选定一种色彩，然后选择它的对比色（ps里按dri+I）。两种色相，配上第一种的叠柔配色法，页面丰富且不花哨。（指的就是分裂补色配色）

5、白色会“冲淡”其它颜色，黑色会“加深”其它颜色。

对一些明度较高或者主题色不突出的网站，配以黑色，可以适当地降低其明度，加重明度对比以补充色相上的不足。

白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分，这就是留白艺术。很多设计性的网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适， 畅快。恰当的留白对于协调页面的均衡起到相当大的作用。

欢迎关注