色彩理论与色彩搭配教程

1、色彩理论与色彩搭配 你是色盲吗？ 彩虹的颜色 正常色觉 彩虹的颜色 视网膜感光细胞缺失绿色 彩虹的颜色 视网膜感光细胞缺失红色 彩虹的颜色 视网膜感光细胞缺失蓝色 你能分辨它们吗？ html中的红 pantone(潘通）的红 pantone(潘通）中暖红 一、色 彩 定 义 色彩是一种由特定光谱的光线混合，并经过传播，反射引起的视觉感 受。 色彩是由光引起的，而光是由各种称为可视光谱色彩混合的： 红、橙、黄、绿、 青、蓝、紫。 物体吸收了特定波长的光，并把其余的反射到我们的眼睛，因此形成了 色彩感。 为什么红苹果是红色的？ 1：太阳光中所有“不可见色彩“都照射到苹果上 2：苹果的表面吸收掉除了

2、红色以外的其他所有色彩，并把红色反射到人 类的眼睛 3：眼睛对进入的色彩进行接受，并把信息传达给大脑 三个属性：三个属性： 色相(hue)、纯度(chroma)、明度(luminance) 色相：红？绿？ 0 60 120 180 240 300 描述一个色彩色相 三个属性： 色相(hue)、纯度(chroma)、明度(luminance) 纯度（彩度/饱和度）：是指色彩的鲜艳程度/饱和程度，相对于灰度的 纯度 没有加入任何杂质的时候,是最饱和的,最纯净的状态 描述一个色彩纯度 描述一个色彩明度 三个属性： 色相(hue)、纯度(chroma)、明度(luminance) 明度（亮度）：相对于

3、黑色与白色的明亮程度 可以通过加入黑或白，来降低或增加亮度。 也是，平时生活中经常提到的颜色的浅,淡,亮和明,暗,重. 色彩之间具体的明度差别包括两方面： 一是指同一色相的深浅变化，如粉红、大红、深红； 二是指不同色相的明度差别，六种标准色中黄色最浅 ，紫色最深，其余的处于中间。 一条粉红色的裙子 一条淡红色(色相)，并不鲜艳 (纯度)，却很明亮(明度)的裙 子 纯度（饱和度） 同一色相中高纯度和低纯度的色彩具有很大的不同 比如，粉红虽然属于红色，但由于纯度较低，所以失去了红色具有的激 情，充满能量的含义，反而表现出柔软和甜蜜等含义。 较暗的蓝色具有典雅，稳重的特性，而天空蓝则具有轻盈，开阔的

4、特性。 加色法 意味着色彩是从黑色开始，随着色彩的叠加，逐渐变亮，最后成为白 色。 在加色系统里没有色彩就是黑色 减色法 意味着由白色开始，随色色彩的叠加，直到黑色 cmyk(在印刷领域)ryb(颜料调色) 色环（色轮） 是种按照色相把色彩排列的呈现方式。 原色原色 红 黄 蓝 间色间色 橙 绿 紫 三级色三级色 黄橙、红橙 红紫、蓝紫 黄绿、蓝绿 互补色和类似色 互补色之间的搭配十分有趣，如果合适的搭配，会造成强烈的视觉效 果，而不当的搭配，会使画面一团糟。 互补色类似色 类似色，是色环色上距离相近的颜色 色彩的残像 色彩搭配 ? ? 图形-背景之间的关系 图形：主题，背景：陪衬 很大程度上

5、依赖于色彩之间的对比 对比越强烈，主题在视觉上就越突出 理想的阅读体验：保持文字和背景80%的对比度 （相对于最佳的黑白对比） 特殊情况-同时对比 你能看到我的文字么，这里是黄色的文字和白色的你能看到我的文字么，这里是黄色的文字和白色的背景背景 你能看到我么，蓝色的文字和黑色的背景你能看到我么，蓝色的文字和黑色的背景 这是蓝色背景和红色文字的效果，你能看上一分钟这是蓝色背景和红色文字的效果，你能看上一分钟么么? 我我劝你算了，把力气花在看下面的文字劝你算了，把力气花在看下面的文字吧吧. 使用互补色时 高饱和度的色彩搭配容易产生更高的色彩对比，而低饱和的色彩搭配 则使整体对比下降 设计中的色彩对

6、比（1） 饱和度对比 这种对比是由饱和度不同的同色相的色彩并排放 置形成的 明暗对比 这种对比中由色彩明度不同引起的 面积对比（比例对比） 是由各色彩占用的面积而造成的对比，而这个面 积往往由色彩的重量感来决定 设计中的色彩对比（2） 互补色对比 这时色环上互相为补色的色彩之间形成的对比 同时对比 是在视觉上形成颤抖和不稳定色彩放在一起产生的 色相对比 这是不同色相形成的对比，就是色环上不同位置的色 彩形成的对比，色环上距离越大，对比越强烈 冷暖对比 这是冷色和暖色并置在一起形成的对比 比例和明度 当多种色彩在并置的时候，我们的视觉感到的并不个单个的色彩，而 是色彩混合在一起形成的整体，这一整

7、体会因其中各个色彩占面积比 例的不同，而表现出不同的情况。 面积比例最大色彩的是主导色，这往往是画面的背景色。 比例稍小的为次主导色。 而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比 较小，但通过色相，亮度，纯度的对比来进行强调和突出。 在面积比例不变的情况下，改变色彩的亮度也能改变整体给人的视觉 感。 主导色 次主导色 画面的强调 创造强调色 第一种：把较小面积的高明度色放在低明度的背景上 第二种：把较小面积的低明度色放在高明度的背景上。 如果主导色（最大面积的色彩）为亮色（高明度色），那么画面整体 给人感觉较亮，较轻 相反，如果主导色为暗色，那么整体给人感觉较暗，较重。 主导

8、色 次主导色 强调色 主导因素 精美的工艺品？吸引人的广告牌？又或者是个简单的文字阐述？ 以对比做主导因素：高对比，中等对比，低对比 以明度做主导因素：高明度，中等明度，低明度。 色彩搭配方法 把色轮按照明暗重新进行了划分，分出了更多的色彩 这个搭配对比稍高，明度中等，使用高饱和 色 这个搭配对比高，明度中等，使用不同明度 和纯度色色彩 这个搭配对比稍低，明度稍亮，使用了较高 亮度和不同纯度的色彩 这个搭配对比适中，中等明度，使用了各亮度 和不同纯度的色彩 这个搭配对比稍低，明度偏暗，使用了较暗的 色彩，纯度各有不同 这个搭配对比低，中等明度，使用了各种明度 和纯度的色彩 这个搭配明度稍高，中

9、等明度，使用了各种明度 和纯度的色彩 这个搭配对比高，明度也高，使用了各种明度和 纯度的色彩 冷色和暖色 色环可以根据色相给人冷暖感受分为 暖色给人的印象是生动的，激情的，有 表现力的，给人感觉在空间位置靠前。 冷色给人的印象是谨慎的，冷静的，产 生平静感，给人感觉在空间位置靠后。 一般我们把黑色，白色和灰色这里无色系视为中立，并没有冷暖感， 但在实际运用中受到其他搭配色彩的影响，黑白灰等色彩也会表现出 一定的冷暖感 下面是色彩冷暖的一个图示： 色彩搭配进阶 互补色搭配 色环上相对的两种色彩的搭配为互补色搭配，比 如红色和绿色。这种色彩之间强烈对比在高纯度 的情况下会引起色彩的颤动和不稳定感，

10、在搭配 中一定要处理好这种情况，不然会使得画面冲突 非常严重并破坏整体。 互补色搭配在正式的设计中比较少见，主要由于 它特殊性和不稳定，但是很显然的是，在各种色 相搭配中，互补色搭配无疑是一种最突出的搭配， 所以如果你想然你的作品特别引人注目，那互补 色搭配或许是种最佳选择。 近似色搭配和类似色搭配 色环上距离较近的色彩搭配被称为近似色搭配， 或者类似色搭配(一般可以把近似和类似等同起 来）。一般这种色彩之间大搭配显得平静而舒 服。 近似色搭配常常在自然中被找到，所以对眼睛 来说，这时种最舒适的搭配方式。在使用近似 色搭配的时候，一定要适当加强对比，不然可 能使画面显得平淡。 三角形搭配 这种

11、搭配是在色环上等距的选出三种色彩进行 搭配的方式。 三角形搭配是种能使得画面生动的搭配方式， 即使使用了低饱和度的色彩。在使用三角形搭 配的时候一定要选出一种色彩作为主色，另外 两种作为辅助色。 分裂互补色搭配 这是种互补色搭配的变体，它的本质是用 使用类似色来代替互补色中的一个，以达 到既有互补色搭配的优点，并弥补互补色 搭配的弱点。 分裂互补色的对比依然非常强烈，但它并 不会像互补色搭配那样产生颤抖和不安的 感觉。 对初学者来说，这是种非常好用的搭配， 一般来说，使用分裂互补色搭配的画面对 比强烈，而不易使色彩产生混乱的感觉。 矩形搭配(双分裂互补色） 这同样是互补色搭配的变体，相比上面的

12、分裂 互补色，这个搭配把而种色彩都替换成了类似 色。这种搭配的色彩非常丰富，能使画面产生 节奏感。 当其中一种色彩作为主要色时，这种搭配能取 得良好的效果。在这种搭配中要同时注意色彩 冷暖的对比。 正方形搭配 这种搭配中四种色彩被均匀的分布在 整个色彩空间。当其中一种色彩作为 主要色时，这种搭配能取得最好的效 果。和矩形搭配一样，需要注意冷暖 色的对比和平衡。 配色实践-提高画面对比的原则 画面产生对比的原则 一、使用明度差别较大的前景色和背景色进行搭配，即使是色相和纯度 不同的色彩，如果他们明度差别较小，那请尽量不要把他们搭配在一起。 在设计过程中，设计师需要假设一点：观者对色彩对比的敏感并

13、没有设计师 本人高。所以在设计过程中，请尽量扩大前景和背景之间的明度对比。 下图是各种色彩明度的参考： 画面产生对比的原则 二、尽量从色环底部来选择明度较低的色彩，从色环顶部来选择明度较 高的色彩，而不要从色环底部选择明度较高的色彩，从顶部选择明度低 的色彩。 对很多人来说，使用色环底部的高明度色彩，形成的对比并不明显。 画面产生对比的原则 三、减少使用近似色搭配，特别在双方明度差别不大的时候。 这样做可以有效避免一些色彩不敏感人群对整体识别上的困难。 色彩心理学 色彩温度感（冷色与暖色） 前进色与后退色 前进色：一般是暖色或者明度和纯度都较高，给人一种视觉上靠近观 者的感觉。 后退色：一般是

14、冷色或者明度和纯度都较低，给人一种视觉上远离观 者的感觉。 色彩体积感（膨胀色与收缩色） 膨胀色一般是前进色和暖色，明度较高 收缩色一般是后退色和冷色，明度较低 在服饰搭配中，体型偏胖者可以选择收缩色，偏瘦者可以选择膨胀色。 色彩重量感（轻色与重色） 轻色：一般为明度高，冷色 重色：一般为明度低，暖色 色彩华丽感（华丽色与朴素色） 华丽色：一般是纯度较高或者明度较高 朴素色：一般是纯度较低或者明度较低 色彩的硬度感（柔软色与坚硬色） 色彩的味觉感 甜味：一般是黄，橙，红等明度较高的暖色-联想到西瓜和蛋糕等 酸味：一般是绿色，以及黄绿这类的色彩-联想到未成熟的桔子和柠檬 苦味：以黑色，灰褐色为主

15、，一般是低明度，低纯度的色彩-联想到咖 啡,可可等 辣味：以红色和绿色这类的高纯度色彩为主-联想到辣椒 咸味：高亮度的蓝色于灰色-联想到大海与盐 涩味：灰绿色，暗绿色这类的低纯度色彩-联想到未成熟的柿子 色彩的季节感 春天：是具有朝气，生命的特性，一般各种高明度和高纯度的色彩，以 黄绿色为典型 夏天：具有阳光，强烈的特性，一般是高纯度的色彩形成的对比，以高 纯度的绿色，高明度的黄色和红色为典型 秋天：具有成熟，萧索的特性，一般是黄色以及暗色调为主的色彩 冬天：具有冰冻，寒冷的特性，一般是灰色，高明度的蓝色，白色等冷 色 色彩与形状 色彩也具有各自的几何形状的特性，如果能和形状结合起来，可以加

16、强本身的特性 圆形：具有温和，圆滑的特性，适合蓝色的特性 正方形：具有方正，有重量感，适合红色的特性 三角形：具有尖锐，积极，适合黄色的特性 长方形：介于黄于红色之间，适合橙色的特性 椭圆：介于红于蓝之间，适合紫色的特性 色彩的可视性 一般来说，色彩的可视性是指色彩能否被看清楚的特性，色彩的可视性往往 在色彩搭配中才能表现出来，同时会因图背景，面积，明度，亮度，纯度产 生变化。 一般来说，色彩明度越高，纯度越高，面积比例越大，可视性越好； 可以辨识下下面那个车牌容易被识别 色彩的地域差别 人们对于色彩的喜好，会因为环境，教育，民族，流行等产生很大的 差别，这方面的知识由于涉及面非常广，所以我们

17、并不详细介绍，大 家可以通过平时积累来详细体会这些差别。 色彩所占用的面积大小 当色彩占用面积较大时，表现出一种充满能量，占有统治地位的视觉 感觉，而面积较小时候，则给人弱小，软弱的感觉。 与其他色彩的搭配习惯 我们常常有一些习惯的色彩搭配，在这些搭配中每个色彩都有自己的 特有的意思，比如西方红色和绿色就是圣诞节的搭配，在我国，黄色 和红色象征着国家机关 色彩与性别差异 性别差异会不会造成对色彩的认知的不同？虽然研究者们众说纷纭， 但研究结果表明：男性和女性对于某种色彩的喜好程度是不同的。 男性比女性更喜好蓝色，而女性比男性更喜好红色 女性比男性对色彩的认知度更高，但这个不是先天造成的，而是由

18、于 女性更多的生活在色彩丰富的环境下 色彩与食欲 利用色彩来减肥 蓝色，可能是各种色彩中最不适宜食物的色彩。 色彩的力量 粉色 粉色可以使强壮的人变得虚弱，粉色的监狱能使得变得平静 色彩与视觉刺激 哪些色彩使人感到不舒服？ 黄色-高亮度的柠檬黄（以下简称黄色）是最容易引起视觉疲惫 的色彩，为什么？我们可以通过光学物理来解释这个问题，黄色作为明 度最高的色彩，也意味着放射最多的光线到我们的眼睛，所以，黄色是 一种对眼睛有刺激性的色彩 我们经常用红色来形容人生气的样子 色彩的联想 由于人们平常接触的物体都有自己的色彩，相反但看到某种色彩，也 会联想到相应的一些物体 色彩 一般的联想 一些抽象的联想

19、 紅血 火 太阳 消防车 危险 革命 热情 喜事 流血事件 橙 橘子 晚霞 温暖 快乐 积极向上 秋天 黃 香蕉 黃金 阳光 光明 活泼 色情 夏天 紫 葡萄 茄子 神秘 优雅 高貴 梦幻 白 雪 白兔 虚无 纯洁 神圣 死亡 黑 头发 夜晚 死亡 严肃 肮脏 配色实践-配色与平衡 目 的 配色的目的就是使得画面整体符合人的色彩感觉，并达到色彩平衡。 有秩序的色彩组合，往往能使人产生愉悦的视觉享受。利用色相明度 纯度之间的对比与面积比例的变化，来调整色彩的统一与变化，以此 来达到配色的平衡。 对于同一色相的的配色 由于色相种类比较少，很容易使得画面变的稳定，但由于缺乏变化， 我们可以通过明度和

20、纯度的对比变化来达到平衡。 类似色的配色 类似色是指色环上位置相近的色彩，这类色彩之间的搭配稳定，容易 平衡。 互补色之间的配色 互补色之间由于色相对比非常大，除了调节各色相之间的面积、明度 和纯度，经常使用间色或者无色系的色彩来起到平衡整体的作用。 配色实践-配色的原则与方法 平衡、强调、节奏、支配 平衡 配色中的平衡是指色彩搭配时，上下左右有平稳安定的感觉，一般通 过色彩的明度和面积比例变化来调整整体的平衡。 明度高的色彩在上面，明度低的在下面时，整体上容易平衡 纯度高的色彩和暖色的面积应该小于纯度低的色彩和冷色，这样整体上 容易平衡。 节 奏 节奏能使画面产生活泼的，有律动的感觉，节奏的

21、使用可以分为重复 节奏和渐变节奏两种。 重复节奏是指：以某种色彩作为有规律的重复变化。 渐变节奏是指：色彩由明到暗，由浅到深，或者色相渐变的变化 强调 在整体色彩单调的情况下，可以使用小面积的强而醒目的色彩来进行 强调。 强调色可以使用整体色彩的互补色或者分类互补色，并且与整体形成对 比（比如整体低明度的情况下使用高明度，整体低纯度的情况下使用高 纯度等） 支 配 在不能取得调和的整体画面上再铺上一层色彩，使得因为具有同有的 色彩而形成整体的和谐，这层色彩可以被称为支配色，一般构造支配 色有二中手法： 明度支配：是指在整体各色彩中加入白色或者黑色的成分，使得整体明 度上取得和谐 色相支配：是指在整体各色彩中加入某一种色彩，使得整体色彩在色相 上取得和谐 配色实践-色彩的对比 色彩会被相邻或者相近的其他色彩影响而产生变化， 这便是色彩对比的来源 同时对比与继续对比 同时对比就是同时看到几种色彩，这几种色彩相互影响，而产生不同于 原来的色彩效果 继续对比是指有次序的快速观察几种色彩，前面观察的色彩影响的后面 的色彩。这个我们可以想象快速依次观看画廊里的作品产生的效果。 色相对比 把两种不同色相的色彩并置在一起，相互产生偏色的情况，我们称为色 相对比。 我们来