颜色搭配技巧

色彩搭配第一页，共四十一页。一、色

彩第二页，共四十一页。定义色彩是一种由特定光谱的光线混合，并经过传播，反射引起的视觉感受。色彩是由光引起的，而光是由各种称为可视光谱色彩混合的：红、橙、黄、绿、青、蓝、紫。物体吸收了特定波长的光，并把其余的反射到我们的眼睛，因此形成了色彩感。第三页，共四十一页。为什么红苹果是红色的？1：太阳光中所有“不可见色彩“都照射到苹果上

2：苹果的表面吸收掉除了红色以外的其他所有色彩，并把红色反射到人类的眼睛

3：眼睛对进入的色彩进行接受，并把信息传达给大脑第四页，共四十一页。三个属性：色相(Hue)、明度(Value)、彩度(Chroma)名称（色相）：红？绿？……0……60……120……180……240……300……纯度（饱和度）：是指色彩的鲜艳程度/饱和程度，相对于灰度的纯度没有加入任何杂质的时候,是最饱和的,最纯净的状态0%50%100%描述一个色彩第五页，共四十一页。描述一个色彩三个维度明度（亮度）：相对于黑色与白色的明亮程度，可以通过加入黑或白，来降低或增加亮度。也是，平时生活中经常提到的颜色的浅,淡,亮和明,暗,重.0%50%100%第六页，共四十一页。纯度（饱和度）同一色相中高纯度和低纯度的色彩具有很大的不同比如，粉红虽然属于红色，但由于纯度较低，所以失去了红色具有的激情，充满能量的含义，反而表现出柔软和甜蜜等含义。较暗的蓝色具有典雅，稳重的特性，而天空蓝则具有轻盈，开阔的特性。第七页，共四十一页。加色法意味着色彩是从黑色开始，随着色彩的叠加，逐渐变亮，最后成为白色。在加色系统里没有色彩就是黑色第八页，共四十一页。减色法意味着由白色开始，随色色彩的叠加，直到黑色CMYK(在印刷领域)RYB(颜料调色)第九页，共四十一页。色环（色轮）是种按照色相把色彩排列的呈现方式。原色红黄蓝间色橙绿紫三级色黄橙、红橙红紫、蓝紫黄绿、蓝绿第十页，共四十一页。互补色和类似色互补色之间的搭配十分有趣，如果合适的搭配，会造成强烈的视觉效果，而不当的搭配，会使画面一团糟。互补色类似色类似色，是色环色上距离相近的颜色第十一页，共四十一页。色彩搭配?第十二页，共四十一页。图形-背景之间的关系图形：主题，背景：陪衬很大程度上依赖于色彩之间的对比对比越强烈，主题在视觉上就越突出理想的阅读体验：保持文字和背景80%的对比度

（相对于最佳的黑白对比）特殊情况--同时对比你能看到我的文字么，这里是黄色的文字和白色的背景你能看到我么，蓝色的文字和黑色的背景这是蓝色背景和红色文字的效果，你能看上一分钟么?????我劝你算了，把力气花在看下面的文字吧…..第十三页，共四十一页。比例和明度当多种色彩在并置的时候，我们的视觉感到的并不是单个的色彩，而是色彩混合在一起形成的整体，这一整体会因其中各个色彩占面积比例的不同，而表现出不同的情况。面积比例最大色彩的是主导色，这往往是画面的背景色。

比例稍小的为次主导色。

而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比较小，但通过色相，亮度，纯度的对比来进行强调和突出。

第十四页，共四十一页。在面积比例不变的情况下，改变色彩的亮度也能改变整体给人的视觉感。主导色次主导色画面的强调第十五页，共四十一页。创造强调色第一种：把较小面积的高明度色放在低明度的背景上第二种：把较小面积的低明度色放在高明度的背景上。

如果主导色（最大面积的色彩）为亮色（高明度色），那么画面整体给人感觉较亮，较轻相反，如果主导色为暗色，那么整体给人感觉较暗，较重。第十六页，共四十一页。

主导色次主导色强调色第十七页，共四十一页。色彩搭配方法把色轮按照明暗重新进行了划分，分出了更多的色彩第十八页，共四十一页。冷色和暖色色环可以根据色相给人冷暖感受分为暖色给人的印象是生动的，激情的，有表现力的，给人感觉在空间位置靠前。冷色给人的印象是谨慎的，冷静的，产生平静感，给人感觉在空间位置靠后。

第十九页，共四十一页。一般我们把黑色，白色和灰色这种无色系视为中立，并没有冷暖感，但在实际运用中受到其他搭配色彩的影响，黑白灰等色彩也会表现出一定的冷暖感下面是色彩冷暖的一个图示：

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

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

第二十六页，共四十一页。正方形搭配这种搭配中四种色彩被均匀的分布在整个色彩空间。当其中一种色彩作为主要色时，这种搭配能取得最好的效果。和矩形搭配一样，需要注意冷暖色的对比和平衡。第二十七页，共四十一页。配色实践-提高画面对比的原则第二十八页，共四十一页。画面产生对比的原则一、使用明度差别较大的前景色和背景色进行搭配，即使是色相和纯度不同的色彩，如果他们明度差别较小，那请尽量不要把他们搭配在一起。在设计过程中，设计师需要假设一点：观者对色彩对比的敏感并没有设计师本人高。所以在设计过程中，请尽量扩大前景和背景之间的明度对比。

第二十九页，共四十一页。下图是各种色彩明度的参考：第三十页，共四十一页。画面产生对比的原则二、尽量从色环底部来选择明度较低的色彩，从色环顶部来选择明度较高的色彩，而不要从色环底部选择明度较高的色彩，从顶部选择明度低的色彩。对很多人来说，使用色环底部的高明度色彩，形成的对比并不明显。第三十一页，共四十一页。画面产生对比的原则三、减少使用近似色搭配，特别在双方明度差别不大的时候。这样做可以有效避免一些色彩不敏感人群对整体识别上的困难。

第三十二页，共四十一页。色彩与视觉刺激哪些色彩使人感到不舒服？黄色--高亮度的柠檬黄（以下简称黄色）是最容易引起视觉疲惫的色彩，为什么？我们可以通过光学物理来解释这个问题，黄色作为明度最高的色彩，也意味着放射最多的光线到我们的眼睛，所以，黄色是一种对眼睛有刺激性的色彩我们经常用红色来形容人生气的样子第三十三页，共四十一页。色彩的联想由于人们平常接触的物体都有自己的色彩，相反但看到某种色彩，也会联想到相应的一些物体

色彩

一般的联想

一些抽象的联想紅血

火

太阳

消防车

危险

革命

热情

喜事流血事件橙

橘子

晚霞

温暖

快乐积极向上秋天

黃

香蕉

黃金

阳光

光明

活泼

色情夏天紫

葡萄

茄子

神秘