色相环配色原理.docx

色相环配色原理.docx

《色相环配色原理.docx》由会员分享，可在线阅读，更多相关《色相环配色原理.docx（8页珍藏版）》请在冰豆网上搜索。

色相环配色原理

你作为一名设计师，假如你还在说出“这类颜色漂亮，那种颜色不漂亮”的话时，这说明你对

颜色还没有正确认识。

在好多对于色彩文章中，都能够看到色相环的身影，它是我们选择颜色

的一个强有力的工具，如图3-23所示。

在本节中，将论述这个色相环的基来源理，使读者对颜

色关系有一个更清楚的认识。

图3-23色相环和色彩图像

哪里有光，那边就有颜色。

有时我们会以为颜色是独立的——这是蓝色，那是红色，但事实上，颜色不行能独自存在，它老是与此外的颜色产生联系，就象音乐的音符，没有某一种颜色是所谓的“好”或“坏”。

只有当与其余颜色搭配作为一个整体时，我们才能说，是协调或许不协调。

色相环告诉我们颜色之间的互相的关系

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓色相环的构成〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

白色光包括了全部的可见颜色，我们看到是由紫到红之间的无量光谱构成的可见光地区，就象

你所看到的彩虹颜色。

为了在使用颜色时更为适用，人们对它进行了简化，将它们分为12种基本的色相，如图3-24所示。

图3-24色相环的构成

色相环由

12种基本的颜色构成。

第一包括的是色彩三原色（

Primarycolors

），即红、黄、

蓝。

原色混淆产生了二次色（

Secondarycolors

），用二次色混淆，产生了三次色（

tertiary

colors

）。

原色是色相环中全部颜色的“父亲母亲”。

在色相环中，只有这三种颜色不是由其余颜色混淆而

成。

三原色在色环中的地点是均匀散布的，如图

3-25所示。

图3-25三原色的散布

图3-26二次色的构成

二次色所处的地点是位于两种三原色一半的地方。

每一种二次色都是由离它近来的两种原色等

量混淆而成的颜色，如图3-26所示。

三次色是由相邻的两种二次色混淆而成，如图

3-27所示。

图3-27三次色的构成

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓色相环中的颜色特色〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

在色相环中的每一种颜色都拥有部分相邻的颜色，这样循环成一个色环。

共同的颜色是颜色关系的基本重点，一定对此有深入的认识。

如图3-28所示，在这七种颜色中，都共同拥有蓝色。

离蓝色越远的颜色，如草绿色，包括的蓝色就越少。

绿色及紫色这两种二次色都含有蓝色。

图3-28包括蓝色的色彩

图3-29包括黄色的色彩

如图3-29所示，在这七种颜色中，都拥有黄色。

相同的，离黄色越远的颜色，拥有的黄色就越少。

绿色及橙色这两种二次色都含有黄色。

如图3-30所示，在这图七种颜色中，都拥有红色。

向两边散开时，红色就含得越少。

橙色及紫色这两种二次色都含有红色。

图3-30包括蓝色的色彩

图3-31色相环的明暗变化

颜色有明暗之分，或许称为颜色数值。

为了显示颜色的明暗，因此色相环有多个环。

两个外头的大环是暗色，里面两个小环是明色。

色相环有五个齐心环构成，从暗到亮——暗色处于大环，明色处于小环，而中间是颜色的基本色相，如图3-31所示。

如图3-32所示，处于右边的暗色就是加上黑色，而左侧的明色则是加上白色。

五个圆环已经清楚表示了颜色怎样由暗到亮的过程，但这类明色及暗色的关系不过相对而言。

图3-32色彩的明暗变化

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓色彩之间的关系〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

下边列出六种基本的色彩关系。

每一种色彩关系都能够有无数种搭配的可能，当你掌握它们时，你对颜色的视线才会显得宽阔。

单色搭配

一种色相由暗、中、明三种色彩构成。

这就是单色。

单色搭配上并无形成颜色的层次，但形成了明暗的层次。

这类搭配在设计中应用时，出来的成效永久不错，其重要性也可见一斑，如

图3-33所示。

图3-33单色搭配

如图3-34所示,为三星女性手机E578和E428的网站（页面截图，网站使用同类蓝色和青色的组合，给人以更宽广，更开放的印象。

图3-34三星女性手机E578和E428的网站网页截图

类比色搭配

相邻的颜色我们称为类比色。

类比色都拥有共同的颜色。

这类颜色搭配产生了一种令人悦目、

低对照度的和睦美感。

类比色特别丰富，在设计时应用这类搭配相同让你轻易产生不错的视觉

成效，如图3-35所示。

图3-35类比色搭配

如图3-36所示，为金戈铁骑品牌推行有限企业的网站页面截图（），整个页面使用了类比的红

色和黄色进行搭配，给人大气、有力量的印象。

图3-36金戈铁骑品牌推行有限企业的网站页面截图

补色搭配

在色相环上直线相对的两种颜色称为补色，在上图中，是橙色及蓝色。

补色形成强列的对照效

果，传达出活力、能量、喜悦等意义。

补色要达到最正确的成效，最好是此中一种面积比较小，

另一种比较大。

比方在一个蓝色的地区里搭配橙色的小圆点，如图

3-37所示。

图3-37补色搭配

如图3-38所示，为韩国麦当劳网站（）页面截图，整个页面红色是主体，右边的绿色水杯与红

色进行对照，使页面变得更为有活力，绘声绘色。

图3-38韩国麦当劳网站网页截图

分别补色搭配

假如我们同时用补色及类比色的方法来确立的颜色关系，就称为分别补色。

这类颜色搭配既具

有类比色的低对照度的美感，又拥有补色的力量感。

形成了一种既和睦又有重点的颜色关系。

如在上边三种颜色中，红色就显得更为突出，如图

3-39所示。

图3-39分别补色搭配

如图3-40所示，为韩国百事可乐网站（）网页截图，娇艳的红色在其准对照色蓝色的映托下，

显得更为醒目。

这不同于对照色的锋利感，而是一种稳固的高兴的配色成效。

红色与蓝色其实不

是对照色，不过在色相环上大概位于相反一侧的色相。

图3-40韩国百事可乐网站网页截图

原色搭配

除了在一些小孩的产品中，三原色同时使用是比较少见的。

可是，不论是在中国仍是在美国的

文化中，红黄搭配都是特别受欢迎。

红黄搭配应用的范围很广——从快餐店到加油站，我们都

能够看见这两种颜色同时在一同。

蓝红搭配也很常有，但只有当二者的地区是分别时，才会显

得吸引人，假如是紧邻在一同，则会产生矛盾感，如图

3-41所示。

图3-41原色搭配

如图3-42所示，为个人网站色爵2008（）网页截图，整个网站用红色和黄色的原色进行配

色，给人以庄重的印象。

即便使用了娇艳的红色，也能保留均衡感。

图3-42色爵2008网页截图

二次色搭配

二次色之间都拥有一种共同的颜色——此中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色——因此它们轻易能够形成协调的搭配。

假如三种二次色同时使用，则显得很舒坦、吸引，并拥有丰富的色彩。

它们同时拥有的颜色深度及广度，这一点在其余颜色关系上很难找到，如图3-43所示。

图3-43二次色搭配

如图3-44所示，为韩国cinus娱乐网站网页截图（），网站使用了二次色搭配，给人时髦、活力的印象。

图3-44韩国cinus娱乐网站网页截图

全色相搭配

从色相环上拿出全部的色相，开放、喧闹、像节日相同的配色就产生了，如图3-45所示。

全色

相给人带来能够随时参加进去的氛围，这恰巧是合适节日氛围的色相。

图3-45全色相

如图3-46所示，为网络游戏“生肖传说”网站（）首页截图，页面颜色丰富多彩，给人以热

闹、开放的印象。

图3-46网络游戏“生肖传说”网站首页截图

即便是相同的色相，摆列的次序不同，成效也会大不相同，如图

3-47所示。

图3-47依据色相的次序摆列

如图3-48所示，为外国某个人设计工作室网站（）网页截图。

整个页面色彩沿着色相环的次序

进行摆列，就是人们一般所说的彩虹色的色相次序，拥有重申次序、集中性好、成熟的印象。

图3-48外国某个人设计工作室网站页面截图

相反地，把各样色相大乱规律随意摆列，就形成了节日般的、开放性的配色成效，如图

3-49所

示。

图3-49随意摆列的色相

如图3-50所示，为俄语的音乐娱乐网站（）页面截图，整个页面使用了多种色相，而且随意进行摆列，给人开放性的自由和喧闹的感觉。

图3-50俄语音乐娱乐网站页面截图