史上最有趣的色彩搭配教程，让你从小白进阶为配色大神
扫描,分享朋友圈
经常有朋友在后台说希望能聊一聊关于配色的问题。今天在这里把那些知识点总结了一下，一起推送给大家。希望能对大家有帮助。
来源： ZUO设计（微信号：zuodesign2015）
作者：ZUO君
原标题：这可能是史上最实用的色彩搭配指南
数英网已取得授权，如需转载请联系原出处
1.基础教程：色彩的组成
关键词：原色 间色 复色 色环
所有的色彩都是源自"红黄蓝"三种原色。有人可能会潜意识地认为三原色是"红绿蓝"，但其实不是。红绿蓝是显示上的三原色，和美术上的三原色不一样。
红黄蓝两两混合后得到三个二级色即“间色”绿橙紫。
原色与间色混合或间色与间色混合而形成越来越多的颜色，称之为“复色”。
最后由三种原色、三种间色和六种复色组成的系统就统称为十二色环（colorwheel），也是学习色彩搭配的基础。
2.进阶教程：色彩的搭配
关键词：单色 近似色 补色
十二色环的存在并不只是一个摆设，它巧妙地建立了配色系统。
常见的色彩搭配有：单色搭配，近似色搭配，补色搭配，分散互补色搭配，三角对立的配色搭配……
单色搭配（monochromatic）
这个不用解释，就是只用一种颜色的搭配。
类似色搭配（analogous colors）
色环上任意三个相邻的颜色，被称为类似色。通常认为，它们放在一起会很和谐。
类似色是选择相近颜色时十分不错的方法，可以在同一个色调中制造丰富的质感和层次。理所当然成为配色法则中最经济适用的一条。
一大片近似色将梵高叔叔的忧郁高冷展现的淋漓尽致。
再放眼时尚圈，同类色也是除了黑白灰以外最安全的穿搭法则哦！
但是在选择的时候要注意比例上的调和，选一个为主要颜色。
补色搭配（complementary colors）
色环上相对的两种颜色，被称为互补色。放在一起，会形成对比效果。比如蓝色和橙色、红色和绿色、黄色和紫色等。
互补色有非常强烈的对比度，在颜色饱和度很高的情况下，可以创建很多十分震撼的视觉效果。很多广告和招贴为了吸引眼球经常会使用，用作强调提示作用效果是极好的。
但是记得，在文本中使用互补色是很糟糕的。是吧？
要用好互补色，最好的办法就是：改变明度、降低纯度，看起来会柔和许多。下面看几个例子。
降低纯度后的互补色相当和谐
《天使爱美丽》中的这个场景，是一个典型的红绿互补色
室内装修中互补色也很管用，清新又不失活泼
分散互补色搭配（split-complementary colors）
寻找三种颜色，其中两种互相类似，另一种与它们形成对比，这就是分散互补色搭配。分散互补色搭配是初学者很好的选择，怎么搭都很好看。
红、深蓝与浅蓝搭配，完美突出对比感，画面又不失和谐
三角对立配色（Triadic colors）
此外，如果要寻找三种互相平衡的颜色，可以选择12色环上任意三个三角对立的颜色。
要成功地使用三色系产生和谐效果，需要谨慎地在色彩间取得平衡——只用一种主色，其他两种颜色作烘托。
3.高阶教程：调色三要素
关键词：色相 饱和度 明度
要精准的调出每一种颜色，其实包括三个要素：色相、饱和度和明度。
色相（hue）：指饱和度和亮度都为100%的颜色。我们肉眼所见到于是能说出来的颜色就叫色相，所有的色相都可以用色环来展示。
饱和度（saturation）即纯度，指色彩的鲜艳程度——颜色中含有灰色的程度。饱和度越高，颜色越纯，色彩越鲜明；饱和度越低，颜色中灰色成分越大，色彩越黯淡。
明度（value），即色彩的亮度。反映的是色彩的深浅变化，如粉红、大红、深红，都是红，但一种比一种深。
明度的变化来自于颜色中白色的成分变化。一般情况下在颜色中加入白色，明度提高，加入黑色，明度降低。最大值时，所有颜色都变成白色，最小值时，所有颜色都变成黑色。
下面来看一下明度（Value）的具体应用。
TINT：HUE+WHITE
在色彩中加入白色。这种基调给人更加明亮、和平但缺少活力的感觉，更体现女性色彩，适用的行业有spa、美容等。
SHADE：HUE+BLACK
在色彩中加入黑色。神秘、黑暗、罪恶、危险色调，更体现男性色彩。使用纯色或更明亮的阴影色时，与渐变能很好搭配。
TONE：HUE+GREY
在色彩中加入灰色，调性不至于太黑暗但能突出冰冷的感觉。
最后给大家推荐一个网站和两本书。
一个网站：
Color Hunt，每天更新两条很有想法的配色方案，缺乏灵感的时候不妨一看。
两本书：
1. 日本视觉设计研究所的《七日掌握设计配色基础》，他们出的一系列书都很好。目前实体书已经绝版了，但是ZUO君提供了PDF的下载，回复公众号“我要”就可以收到。
2. 还有一本叫《红色范思哲 灰色阿玛尼》，是从服装色彩搭配来讲的。因为是身边的事情，所以特别好理解。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
扫描,分享朋友圈
相关推荐
-
![知乎：怎么才能使骚气的粉色看起来非常硬汉？(设计配色篇)]()
知乎：怎么才能使骚气的粉色看起来非常硬汉？(设计配色篇)
-
![这才是春天该有的颜色——小清新配色30例]()
这才是春天该有的颜色——小清新配色30例
-
![2017年的流行色都来了，这一次要你回归大自然......]()
2017年的流行色都来了，这一次要你回归大自然......
-
![那些让我们上瘾的日本网站设计，到底好在哪里？！]()
那些让我们上瘾的日本网站设计，到底好在哪里？！
-
![这些美翻了的经典电影配色，每个设计师都想拥有！]()
这些美翻了的经典电影配色，每个设计师都想拥有！
-
![国内没有好的电商设计？那是你没看过天猫粉丝节！]()
国内没有好的电商设计？那是你没看过天猫粉丝节！
-
![你看这些纸币时，阿拉斯加的鳕鱼正跃出水面【设计资源53】]()
你看这些纸币时，阿拉斯加的鳕鱼正跃出水面【设计资源53】
知乎：怎么才能使骚气的粉色看起来非常硬汉？(设计配色篇)
这才是春天该有的颜色——小清新配色30例
2017年的流行色都来了，这一次要你回归大自然......
那些让我们上瘾的日本网站设计，到底好在哪里？！
这些美翻了的经典电影配色，每个设计师都想拥有！
国内没有好的电商设计？那是你没看过天猫粉丝节！
你看这些纸币时，阿拉斯加的鳕鱼正跃出水面【设计资源53】
Shirley.xu
编辑
数英 DIGITALING
- 素材资源
- 设计资源
- 配色
- 色彩搭配
- 方法论
- 设计
参与评论
参与评论
推荐评论
全部评论（8条）