《色彩搭配》PPT课件（教学）

1、3.1 色彩搭配的概念和意义3.2 基于色相对比的搭配3.3 基于明度对比的搭配3.4 基于纯度对比的搭配3.5 基于色调对比的搭配3.6 色彩调和3.7 色彩搭配中的点缀、呼应与平衡第3章 色彩搭配课题概述本章主要讲述了色彩搭配的两个重要环节色彩对比和色彩调和，具体介绍了色彩对比的四种主要类型以及色彩调和的原理和九种常用调和方法。教学目标了解并掌握色彩搭配的意义、主要搭配类型和具体搭配方法，为将来的专业色彩设计打下良好的色彩基础。章节重点色彩对比的类型和色彩调和的方法。 3.1 色彩搭配的概念和意义 3.1.1色彩搭配的概念两个以上不同性质的色彩组合称为色彩搭配。色彩搭配的目的是取得和谐的视

2、觉效果。色彩搭配主要有两个方面：一是不同色彩的组合对比；二是为了取得和谐的搭配效果而采用的调和方法。其中，色彩对比是最主要的。伊顿在其著作色彩艺术中说道: “对比效果及其分类是研究色彩学时的一个适当出发点。每一种对比在艺术价值上，在视觉、表现和象征效果上，都是独一无二的，但是总括起来，它们就构成了色彩设计的基本手段”。 色彩搭配的类型一般有侧重色相对比的搭配、侧重明度对比的搭配、侧重纯度对比的搭配和侧重色调对比的搭配四种（见图1图2）。色彩搭配时一般都要求有主色和辅色之分，形成某种主色调，避免平均用色图1 侧重色相对比的搭配图2侧重色调对比的搭配3.1.2 色彩搭配的意义即便是同一个颜色，其单

3、独存在时的视觉效果跟它与其他颜色搭配时的视觉效果也是大相径庭的，如图3所示，图右的橙色与图左红底上的颜色是否有较大不同？但其实它们都是同一种颜色，只是与不同颜色对比之后产生了不同的视觉效果而已。排除个人的喜好影响，理论上说，一个色彩单独存在时是无所谓美丑的，只有两个以上的色彩搭配才展现出不同的视觉效果，也才体现出色彩的美丑与否3.1.3 色彩搭配的类型以下我们介绍若干不同类型的色彩搭配。主要目的是通过不同途径了解色彩搭配的不同视觉效果，这是作为一种多角度、多侧面认识色彩的练习方法。当然，这些方法也可以灵活运用在今后的实际色彩设计中。这些搭配类型包括：1）基于色相对比的五种搭配类型；2）基于色相

4、对比的四种伊顿色彩搭配法；3）基于明度对比的九种色调；4）基于纯度对比的九种色调；5）基于色调对比的三种PCCS色调搭配法。图3 同一颜色单独存在与同其他颜色搭配时具有不同视觉效果3.2 基于色相对比的搭配我们将侧重色相对比的搭配分为以下五类型：i型、V型、L型、I型和oi型。 3.2.1 i型搭配（1）无彩色系之间的搭配 无彩色系即黑、白、灰之间的搭配，实际上只是明度的对比搭配。这种搭配的效果是稳重、深沉、低调，也有脱俗、另类的感觉，但应用不当也会产生呆板、冷酷甚至是丧气的感觉。如果是黑与白两色搭配虽然醒目但冲突较强，应该注意利用面积、形态调整等方法适当调和（见图5）。在色相环上一个颜色跟它

5、的对比色之间的距离为0，我们称这种类型为i型搭配（见图4）。图4 i型搭配图5 利用面积、形态等因素调整缓和黑白强对比“阴阳五行”学说是我国传统文化的核心内容之一。五行中的五色即为：红、黄、蓝、白、黑。其中的黑、白二色成了阴阳太极中两种代表性的色彩。老子中写道“万物负阴而抱阳”。也就是说万物皆由黑白两色而生（见图6）。易经中将黑色看成是天的颜色。所谓“天玄地黄”，玄就是黑色。因此，黑色被认为是众色之主。这种思想表现在中国画上就形成了“画以墨为主，以色为辅”的色彩观。白与黑是相对而生的，中国画论中有“计白当黑”之说。道家认为“五色令人目盲”，“无色而五色成焉”，可见，无彩色系是一直被推崇的色彩，

6、中国画以极简的黑白两色来表现出气韵生动的画面物象，这正是道家那种“大成若缺，其用不弊”的辨证追寻，如图7所示。（2）同种色搭配（见图8）这也就是相同色相的搭配，指色相相同而明度或纯度不同的搭配。这种搭配的优点是效果淡雅、柔和，并容易操作，缺点是视觉冲击力较弱.图6 太极图图8同种色搭配图7 李苦禅作品3.2.2 V型搭配在色相环上，一个颜色跟它的搭配色之间的距离为45，我们称之为邻近色搭配，也有人习惯称为类似色搭配，我们简称为V型搭配。因为有共同的色相因素，这样的搭配效果平和、舒缓，比同种色稍显活泼，但视觉冲击力还是较弱（见图9）。 3.2.3 L型搭配在色相环上，某种颜色跟它的搭配色之间的距

7、离是90，我们称之为对比色搭配，简称L型搭配。这种搭配对比较明显，且活泼生动，但是搭配有难度，处理不好就显得俗艳（见图10）图9邻近色搭配图10 对比色搭配在色相环上,某种色彩跟其搭配色之间的距离为180，我们称这种类型为互补色搭配，简称为I型。这种搭配的效果强烈、刺激、粗犷、显著。缺点是不容易操作（见图11）。互补色搭配还可以扩展出三个色相的分裂补色搭配和四个色相的双补色搭配两种类型。所谓分裂补色搭配就是一个颜色与它的补色的两个紧邻色的搭配组合（见图12）。而所谓双补色组合搭配顾名思义就是两组互补色搭配，一般情况下是两个邻近色跟与它们成互补关系的另外两个邻近色之间的搭配。特殊情况下是在色相环

8、上四个相互间成90的颜色之间的搭配。这种搭配类型的组合既有强烈的对比关系，又有相互邻近的统一关系，整体呈现协调生动的效果（见图13）。3.2.4 I型搭配图13 双补色搭配 图11 互补色搭配图12 分裂补色搭配在色相环上，oi型也应该属于0的搭配，指有彩色系与无彩色系之间的搭配。这种搭配一般来说都容易调和，缺点是有彩色系的纯度会有所降低（见图14图18）。除此以外，常见的色相搭配类型还有三原色搭配。就是在色相环上呈120等间隔位置的三色的组合，对比效果华丽、鲜明。 3.2.5 oi型搭配图14有彩色与无彩色图15 红、橙与黑、白的搭配图16 蓝与白的搭配图17图18经典的红与黑搭配 3.3

9、基于明度对比 的搭配 根据明暗程度，首先可以将明度色调分为低调、中调、高调三个大的色调，再根据对比的强弱分成短、中、长三种类型。于是，侧重明度对比的搭配类型就可以有高短调、高中调、高长调、中短调、中中调、中长调、低短调、低中调、低长调共九个色调。下面分别讲述各个明度调的划分方法及其各自特点，为了明白易懂，我们以无彩色系为例，其实有彩色系的明度调也与此同理。把从黑色到白色的推移渐变分为10级色阶。规定黑色为1号，白色为10号，中间的各级灰，从深到浅依次为2、3、4、5、6、7、8、9号。我们把13号划为低调，47号划为中调，89号划为高调（见图19）。图19 明度调式划分原理示意图在对比强度上，

10、把明度相差13级的定为短调，相差47级的定为中调，相差810级的定为长调。明度九调的具体面貌如图20所示。需要指出的是：各色调中的色号不是固定不变的，只要符合调式要求，色号是可替换的。另外，明度色调中还有一个调，那就是10：1，也就是黑与白的搭配，被称为最长调。因其对比过于强烈，应用的机会不多而经常被忽略（见图21）。从图中我们可以看出：高长调整体视觉效果明朗、响亮，但要注意其中的深色位置或形态的安排，避免突兀；中短调给人的感觉是明亮、柔和、淡雅，但因为对比不强烈可能会有单调之感；中长调明度适中，对比较强，是色彩设计中的常用搭配类型，给人大方、稳定的感觉；中短调视觉效果含蓄、沉稳，但因对比较弱

11、，容易造成平淡和缺乏生机的效果；低长调视觉冲击力较强，但也要注意适当安排亮色，避免突兀；低短调给人感觉低沉浑厚，但也容易造成视觉冲击力弱、乏味的感觉。图20明度九色调的构成方法示意图图21 明度最长调示意图3.4 基于纯度对比的搭配纯度对比也有九色调，分类方法与明度九色调类似。具体划分方法如下。在某一纯色与跟它明度相同的灰色之间加入8个渐变推移的色阶。规定灰色为1号，由下往上依次类推，至最上面的纯色为10号。我们把13号称为浊色，47号称为含灰色，810号称为鲜色。同样，在对比强度上把相差13个色阶的称为短调，相差47个色阶的称为中调，相差810个色阶的称为强调（如图22）。这样，在纯度搭配上

12、可分为以下9个色调：鲜强调、鲜中调、鲜弱调、灰强调、灰中调、灰弱调、浊强调、浊中调、浊弱调（见图23）。如图所示，鲜强调的视觉效果是整体画面以纯色为主，只有少部分的低纯度色块，给人华丽、热闹的感觉。而灰中调是整体画面以中纯度为主，对比适中，整体感觉稳重、质朴。浊弱调中所有色相的纯度都很低，整体感觉淡雅、柔和、超凡脱俗。图22 纯度调式划分原理示意图图23 纯度九色调构成方法示意图3.5 基于色调对比的搭配PCCS色调图涉及了色彩三要素的各个方面，我们可以把它当作是色立体的平面化，因其通俗易懂和直观明了，为色彩搭配的训练和实际应用提供了便利。下面我们将利用这个色调图做一系列不同类型的色彩搭配。

13、PCCS色调图中的12个有彩色系色调各具特色，如鲜艳夺目的V色调、幽雅素净的P色调、动感热情的S色调、厚重坚实的dkg色调同种色调的色彩搭配其实就是，明度和纯度相同而色相不同的色彩间的搭配，这种搭配也就是孟赛尔色彩调和中的环状调和。这种搭配要求色相对比强烈些，如用L型或I型搭配，否则就太过统一，显得单调（见图24）。3.5.1 同种色调的搭配图24PCCS色调图中同色调配色同种色调 邻近色调对比色调 图25图26 PCCS色调练习作业所谓邻近色调搭配就是在色调图中位置靠近的两个或两个以上的色彩搭配。这种搭配因为明度和纯度都发生了变化，对比效果协调统一，相对于同种色调的搭配较活泼生动，可谓静中有

14、动。（见图27） 3.5.2 邻近色调的搭配所谓对比色调搭配就是在色调图中距离较远，间隔有一个以上的色调间的色彩搭配。这种类型的搭配对比因为明度和纯度差别都较大，因而视觉效果鲜明强烈。（见图28）3.5.3 对比色调的搭配图28 PCCS色调图中对比色调搭配图27 PCCS色调图中邻近色调搭配3.6 色彩调和调和指两个或两个以上的事物配置在一起后产生一种协调一致的舒适感。所以色彩调和就是，使配置的色彩给人一种心理上的满足、生理上的平衡，使人获得审美愉悦。色彩调和首先是指一种色彩搭配的和谐状态，即又对比又统一的状态。同时，调和还指为达到这种状态而进行的调整行为。因而，色彩调和的方法有两大类：一是

15、针对于过于统一的方法，这种调整的目的是增强对比；二是针对于过于对比的方法，这种调整的目的是将对比太刺激的几种色彩搭配趋向于缓和。 （1）加强法加强法是应用于那些视觉效果过于统一的色彩搭配，以至于到了单调乏味地步的情况。主要目的是加大对比，打破单调，使搭配效果生动起来的方法。具体手段如下。（见图29）1）加强明度对比，将搭配色中一方的明度提高或降低。2）加强纯度对比，降低或提高某色的纯度。3）加强色相对比，将色相搭配类型由同种色或邻近色变为对比色，甚至是互补色 。3.6.1色彩调和的方法图29加强法（2）面积调整法这种方法是在对比强烈的搭配色之中增大或减少一方的面积，使之形成以某色为主的主色调。

16、常言道“万绿丛中一点红”，也就是这个道理（见图30）。（3）分割法这种方法是在对比强烈的搭配色彩之间插入，包括黑、白、灰、金、银在内的五种中间色，从而缓冲对比。这也正呼应了前面讲过的有彩色系与无彩色系搭配调和的说法。这种方法还具体分为隔断和包围两种具体方法（见图31）。图30 面积调整法图31 隔离法（4）支配法所谓支配法就是将对比强烈的搭配色在色彩三属性的某一方面取得一致的方法，具体包括明度支配、纯度支配和色相支配三种方法。1）明度支配法，是指在对比强烈的搭配色之中加入不等量的白色或黑色，以期同时提高或同时降低明度，最终使明度取得一致，从而减弱色彩对比强度。（见图32图33）2）纯度支配法，

17、是指在对比强烈的搭配色中加入灰色，使纯度降低，以达到色彩调和的目的（见图34）。3）色相支配法，是指在强对比的搭配色中同时加入少量的某种其他色相，因具有了共同的色相因素而取得调和（见图35图36）。（5）重复法将对比强烈的搭配色反复排列，形成格状图案（见图37）图35图36 同一色相的支配法图37 反复法图32图33 同明度支配法图34 同纯度支配法（6）形态调整法改变搭配色原来的布局形式，将集中的分布形式变为间隔的分布形式，简单地说就是由集中变为分散。具体的分布形式可以是条纹状间隔排列、圆点状间隔排列、豹纹状间隔排列、不规则的迷彩图案等。另外，改变搭配色的形状也属于形态调整法（见图38）。（

18、7）透叠法就是在两个对比强烈的色相之间插入它们的间色以取得调和的方法（见图39）。（8）秩序法将对比强烈的搭配色之间插入一个按明度或纯度或色相变化的色阶（见图40）。（9）距离调整法拉大对比强烈的色彩之间的距离，因为两色之间的距离起到了分割中和的作用，而减弱了对比。图38 形态调整法图39 透叠法图40 序列法 （1）伊顿色彩调和理论色彩学家伊顿认为：理想的色彩和谐就是要用选择对偶的办法，来显示其最强烈的效果，即将色相环中某一色与它相对应的另一色组合，从而获得具有对比关系的调和。这种定义上的调和，是指既有个性又有共性的色彩调和。因为同是在色相环上的选色法，故此也将它放于此，可以作为读者选择色相

19、搭配的方法之一。其中有的方法类似于上文所讲的五类型搭配法。（见图41）1）双色对偶调和。凡是通过色相环中心形成的两个相对的互补色，皆可组成对比而调和的色彩组合。伊顿说:“眼睛需要相对应的补色来对任何特定色彩进行平衡，如果这个补色还没有出现，那么眼睛会自动地将它产生出来。正是由此，色彩和谐的原则中才包含了互补色的规律。”3.6.2色彩调和原理互补色是非常奇特的一对色彩，它们之间对比强烈但却形影不离。所以有人说：“在色相环上邻近色之间是朋友关系，而互补色之间不是敌人关系就是情人关系”。双色对偶也就是我们上文所讲的I型搭配。（见图42） 图41 伊顿色彩调和示意图图42 二色选色法2）三色对偶调和。

20、凡是在色相环中构成等边三角形或等腰三角形的三个色是调和的色相搭配。在色环中，自由转动这些三角形的点，可找到无限个调和色组。其中的等边三角形的搭配其实就是上文所说的三原色的搭配。（见图43）3）四色调和。凡是在色相环中构成正方形或长方形的四个色就是调和的色组；如果采用梯形或不规则四边形，也可获得无数个调和色组。其中的正方形或矩形调和色组也就是上文所说的双补色搭配。（见图44）4）五色以上的调和。凡在色相环中构成五角形、六角形、八角形等五、六、八个色是调和色组。图43 三色选色法图44 四色选色法（2）自然色彩秩序论古人说“师法自然”。对自然之美的认识，并非自然逢迎人类的趣味，而是我们把这种亘古有

21、之的景象当作了标准法则，诸如和谐、韵律、秩序等，色彩亦然。因此，色彩的调和要求各种色彩必须建立一定秩序。色立体的色相系列、明度系列、纯度系列是按照一定秩序排列制作的。因此，在色立体中，任何直线的、圆的、椭圆的、螺旋形的在色相环中凡是有秩序的排列方向，所选择的配色都是调和的。（3）孟赛尔色彩调和理论孟赛尔色立体是按照一定的协调关系将色彩三要素结合起来的球体。因而，在该色立体上有一定距离的颜色之间就有某种调和关系，主要有以下四种。（见图45）1）垂直调和。与明度轴相平行的线上的所有色彩，它们之间色相相同，纯度相同，明度不同。2）水平调和。与明度轴垂直的线上的所有颜色，在不过明度轴的一方，它们之间色

22、相相同，明度相同，纯度不同。通过明度轴之后色相变为互补，明度相同，纯度不同。3）倾斜调和。通过色立体中心点与明度轴有一定倾斜度的线上的颜色，它们之间在明度轴同一侧的是色相相同，明度不同，纯度也不同。分列在明度轴两侧的色相变为互补，明度和纯度都不同。4）外围调和。色立体圆周上的颜色，它们之间是色相不同，明度和纯度都相同。图45孟赛尔色彩调和原理示意图（4）配色明快论所谓明快就是指在明度上有较好的层次感，是黑、白、灰明度又对比又调和，有过渡，不混沌暧昧，也不生硬刺激。这种要求同样适用于色相和纯度对比，其实就是色彩对比的和谐要求。（5）面积比例论这里主要是指色彩平衡论。（6）审美心理共鸣论色彩搭配是

23、否调和美观，除了客观的形式美要求之外，还要注意是否符合受众的主观心理喜好，特别是针对不同文化背景、不同地域、不同心理状态下人们对色彩的不同选择趋向。只有能引起人们共鸣的才是调和的。（7）符合目的论就是色彩在符合实用目的的前提下才是调和的，没用甚至是影响应用的，即便看似美观那也是不调和的。（见图46图47）图46环卫工人的服装色彩是为了醒目的目的图47 手术服装色彩也是出于实用的目的3.7 色彩搭配中的点 缀、呼应与平衡要想取得和谐的色彩搭配效果，除应用以上各种方法之外，还要遵守以下几个色彩搭配的原则，它们就是色彩点缀、色彩呼应和色彩平衡。 色彩点缀主要应用于色彩搭配中过于统一的情况，应用少量的

24、对比色使整体生动活泼起来，犹如画龙点睛的作用。点缀色要少，不至于破坏整体的色彩搭配风格，也不能喧宾夺主，否则就成了画蛇添足（见图48） 。 3.7.1 色彩点缀3.7.2色彩呼应因为在色彩设计中为了简洁美观和减少成本需要，会尽量减少用色的数量，但为了避免产生色彩搭配中的单调、孤立、突兀等毛病，而必须采用色彩重复应用的方法。色彩呼应不但可以取得色彩的整体感还可以取得色彩搭配的节奏感，使形式美感增强。是否善于采用色彩呼应的方法几乎可以作为色彩设计专业与否的简单测试标准。色彩呼应的方法如下。）全面呼应，也就是在各搭配色中都调入某种色彩，以使整体搭配色趋向某种统一的色调。这也可以说是色彩调和方法中的“

25、色相支配法”（见图64）。）局部呼应，在设计作品的上下、左右等局部位置使色相相互呼应，彼此联系（见图65）。 图48色彩点缀图64 色彩的全面呼应图65 图案配色的里外呼应理论上说和谐的色彩搭配就是色彩平衡的搭配，将所有的搭配色混合起来应该是一种纯灰。当然，我们不可能为了平衡而去混合。但是，色彩设计中搭配色的明度、纯度或冷暖的差异应该用不同的面积来取得视觉上的平衡。另外，作品中由明度、纯度或色相所形成的力感在布局上也应该是均衡的。3.7.3色彩平衡 孟赛尔色彩平衡公式：A色的明度纯度B色的面积B色的明度纯度 A色的面积作业目的掌握色相对比的五种类型以及它们不同的色彩搭配效果。作业要求（1）各类

26、型的画面形状可以相同， 只改变色相对比类型。（2）搭配类型准确，为了避免画面色彩效果的单调，各对比类型的主色调尽量不同，也就是说避免从一个固定的色相去变换对比的角度。作业方法（1）自己创作或者借用一些图形， 画面的分割尽量保持在三个左右的主要区域，以便于填色。（2）填色时不仅要注意颜色的色相， 同时还要适当照顾到明度和纯度因素。课题实例1. 色相对比五类型作业目的熟练掌握色彩明度的九类色调，以利于在将来的具体专业设计中根据具体需要设计相应的明度色调。作业要求（1）调式区分明确。（2）作业形式多样，九个调的画面可以是九个不同的画面，也可以都是相同的。也可以把一个画面划分成九个区域，其中每个区域是

27、一个明度色调。（3）作业可以是无彩色系，也可以是有彩色系。（4）不能只为完成色调划分，而忽视了整个画面的色彩和谐。作业方法（1）先画出铅笔线稿。（2）调出几个主要色相的明度推移色阶，并标出顺序号（110 级）。（3）用色阶号标出九个色调的示意图。（4）按照色标示意图选色、上色。2. 明度对比九色调线稿色相明度推移九色调色阶号上色明度对比九色调训练实例结合色相搭配五类型的明度九色调 结合色相与纯度搭配的明度九色调高中低三大色调变化较舒缓的明度九色调 作业目的同明度九色调。作业要求同明度九色调。作业方法（1）选择某个纯色色相。（2）用黑色和白色调出一个与上述纯色、明度相同的灰色。（3）推移出10

28、个从纯色到灰色的渐变色阶，并标上色号，其中灰色为1 号，纯色为10 号，依次类推。（4）用色号画出9 个纯度色调的示意图。3. 纯度对比九色调结合色相对比的纯度九色调作业目的在练习中进一步深入认识和理解PCCS 色调的基本构成原理，了解不同色调的对比效果，为今后的专业设计积累色彩搭配经验。 作业要求（1）三种PCCS 综合色调分别为： 同种色调、邻近色调和对比色调。（2）因为同种色调的明度和纯度都相等，为了不至于过于统一，应该强化色相的对比效果，选择在色相环上距离较远的色彩进行搭配。同理，对比色调的明度和纯度差别都比较大，为了取得色彩和谐的效果， 就应该尽量减弱色相的对比。（3）不管何种色调搭配都应该明确主色调，不要平均用色。作业方法（1）画出线稿。（2）在规定的色调中选色、配色。4. PCCS综合色调三类型对比 PCCS色调搭配三类型PCCS色调搭配三类型PCCS色调搭配三类型作业目的（1）学习并掌握色调搭配的方法。（2）提高综合运用色相、明度、纯度等搭配类型的能力。作业要求各调式间差异明显，不能含混不清。5. 定形变调作业方法（1）描线稿。（2）从或色相，或明度，或纯度， 或PCCS 各色调的角度出发，构思各种调式。如图为明度九色调