如何在设计中正确的，随心所欲的搭配出自己满意的颜色，我们首先需要了解颜色的理论术语。透彻的了解像色度、明度和饱和度这样的概念是搭配出满意专业的配色方案的关键。在我们的颜色理论系列第1部分：颜色的含义中，提到了不同颜色的意义。在此我们首先将温习一下这个理论的基础：什么条件将影响到一个已知的颜色，例如添加灰色、白色或灰色到纯色相中，此外，还有这样做将如何影响设计。

色相

色相是最基本的颜色术语，通常指的是一个物体的颜色。当我们说“蓝色”、“绿色”或“红色”时，我们所谈论的就是色相。设计当中色相的使用向网站的访问者传递了重要的信息。

范例:

纯红色在网页设计中是非常受欢迎的颜色。

这个网站的标题和logo混合使用了大量的纯色相。

纯绿色通常很少看到，因此较之其他颜色显得更出众。

色度

色度指的是颜色的纯度。高色度的色相当中没有黑色、白色或灰色。添加白色、黑色或灰色将降低色度。它类似于饱和度，但又不完全一致。色度可被看作是一个颜色相对于白色的亮度。

在设计当中，要避免使用具有非常相似色度的色相。而要选择那些具有相同或差异较大色度的色相。

范例:

青色具有很高的色度，因此在黑色和白色之间非常突出。

在同样的色调中结合高饱和度和低饱和度可以呈现复杂和典雅的设计效果。

具有高色度的颜色是中庸型设计的首选

饱和度

饱和度指的是色调在特定的照明条件下呈现出的样子。饱和度可以使用术语弱、强，或术语弱色相及纯色相来表示。

在设计当中，相似级别饱和度的颜色让设计看起来更具连贯的一致性。同色度一样，具有相似但不完全相同饱和度的颜色可以让访客有不和谐之感。

范例:

本例所使用的大量不同的色相都具有相似的饱和度水平，从而为整体的设计增添了协调感。

通过水彩效果的强调，色彩与相似的柔和饱和度水平相结合创造出一种柔和的设计效果。

这是一个极好的例子演示如何在低饱和度背景中使用高饱和度色相以达到突出的效果。

明度

明度也被称作“亮度”。它指的是颜色的明暗程度。亮的颜色具有较高的明度值。例如，橙色的明度比深蓝色或暗紫色更高。黑色的明度是所有色相中最低的，而白色的明度是最高的。

当在设计中应用明度的时候，最好选用不同明度的颜色，特别对于高色度的颜色。高对比度通常可以设计出更具美感的效果。

范例:

这里，具有高明度黄色的使用在低明度的黑色和灰色中相当突出。

该网站使用了两种不同明度的蓝色调。由于不同的明度对比强烈，整体效果更具视觉上的吸引力。

即使在非常类似的色调中，人类的眼睛也可以选出不同的明度。

色调

当灰色加入某色相时就形成了色调。色调通常比纯色相看起来更暗淡或柔和。

色调有时在设计中非常容易使用。掺入更多灰色的色调可以使网站具有一定的古旧感。根据不同的色调也可以为外观效果增添一些精致优雅的感觉。

范例:

色调的应用可以使网站看起来非常精致，同时增添一些复古的韵味。

这个网站将不同色调、阴影色调和浅色调的蓝色结合使用。

这个例子极好的展现了如何在具有色调的背景下纯色相可以真正的被突出。

阴影色调

当在色相中加入黑色使其更暗时就形成了阴影色调。这个词经常被错误的用来描述浅色调或者色调，但实际上阴影色调只应用于加入了黑色，从而使色相更深的情况。

在设计中，较深的色调通常被用于替代黑色，并可以用作非彩色。综合应用阴影色调和浅色调是避免外观看起来过于阴暗和厚重最好的方法。

范例:

只要保持其间有足够的对比度，不同阴影色调的协同使用效果也非常好。

另一个具有阴影色调和少量浅色调梯度纹理的背景设计。

阴影色调和纹理的结合使用为这个网站增加了趣味性。

浅色调

当白色加入某色相使之变亮就形成了浅色调。非常亮的浅色调也称作柔和粉色，但对于任何加入白色的纯色相来说都是浅色调。

浅色调通常应用于创建女性化的或较亮的设计当中。柔和的浅色调特别用于让设计更具女性化的特点。这种方法在复古的设计中效果很好，在针对婴幼儿家长的网站上也非常受欢迎。

范例:

卡欧·卡多佐的网站在背景和其他元素当中应用了不同的浅绿色调。

浅蓝色调在天空和自然的图样中非常流行。

为体现复杂变化梯度而组合的浅色调。

结论

尽管你无需记住所有这些技术术语，但应该对实际的概念比较熟悉，尤其要掌握这个系列的第3部分（创建属于你自己的配色方案）。 为此，这里有一个唤醒记忆的备忘单：

色相即颜色（蓝，绿，红等）。

色度是颜色的纯度（高色度未添加黑色、白色或灰色）。

饱和度指颜色的强弱（高饱和度越高就越强）。

明度指的是颜色的深浅（浅的颜色具有高明度）。

色调通过在一个颜色中加入灰色来创建，使之比原先更暗淡。

阴影色调通过在一个颜色中加入黑色来创建，使之比原先颜色更深。

浅色调通过在一个颜色中加入白色来创建，使之比原先的颜色更浅。