如果要在设计中有效的使用颜色，那么就需要了解一下颜色的概念和颜色理论术语。透彻的了解像色度、明度和饱和度这样的概念是创建属于你自己的非常棒的配色方案的关键。在我们的颜色理论系列第1部分：颜色的含义中，提到了不同颜色的意义。在此我们首先将温习一下这个理论的基础：什么条件将影响到一个已 知的颜色，例如添加灰色、白色或灰色到纯色相中，此外，还有这样做将如何影响设计，当然示例是必不可少的。

色相

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

示例

一起使用许多纯色调可以添加一个有趣和俏皮的外观设计

 

纯红色是网络设计中非常流行的色调。此网站还结合了其他纯色调作为主要照片的变化

 

色度

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

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

示例

将各种色调与相同的色度相结合，创建一个和谐的背景模式。

 

粉红色和深紫色之间的色度差异在设计中提供了坚实的对比度。

 

低色度颜色与黑色排版形成鲜明对比。

 

饱和度

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

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

示例

本网站上的头条中字母稍微苍白饱和，营造出一种比纯色调更平静的感觉。

 

红色颜色越饱和，与黑色和棕褐色（均不太饱和）相抗差无几。

 

温暖，不太饱和的色调，如在本网站上找到给一个决定性的女性化的感觉的设计。

 

明度

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

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

示例

结合了中档色调与高价值和低价值的色调，以创造一个非常现代的外观和感觉。

 

将色调与各种价值观相结合，打造出非常和谐的设计。

 

色调

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

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

示例

添加灰色时，紫色具有暮色品质。

 

这个网站结合了各种色调，色调和色调的蓝调。

 

红色变成尘土飞扬的玫瑰作为基调。

 

阴影色调

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

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

示例

背景有各种不同的紫色色调（和其他部分的一些色调）。

 

蓝色和黄色的阴影结合，创造一个航海主题的设计。

 

海军蓝和深红色是政治设计中常用的色调。

 

浅色调

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

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

示例

这里有一个色调的例子，仍然相当明亮和充满活力。

 

浅蓝色色调与微妙的黄色色调相结合，营造出柔和有趣的外观。

 

粉红色是红色的色调，它的两个不同版本在这里工作精美。

 

结论

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

色调即颜色（蓝，绿，红等）。
色度是颜色的纯度（高色度未添加黑色、白色或灰色）。
饱和度指颜色的强弱（高饱和度越高就越强）。
明度值的是颜色的深浅（浅的颜色具有高明度）。
色调通过在一个颜色中加入灰色来创建，使之比原先更暗淡。
阴影色调通过在一个颜色中加入黑色来创建，使之比原先颜色更深。
浅色调通过在一个颜色中加入白色来创建，使之比原先的颜色更浅。

作者：Cameron Chapman