简单的五个方法，让色彩搭配更专业

创作立场声明：2020年度总结，色彩搭配技巧。

色彩学的应用于大家的工作生活都息息相关，但是并不是每个人都接受过专业的设计学培训，而且系统的色彩学习过于学院派，对于普通人来讲会过于枯燥，且现在都追求碎片化的学习，接受起来也会更加容易。

我自己根据以往的学习经验、工作应用总结出了五点非常适合普通人的色彩搭配方法。

首先要知道，色彩有三要素

色彩有三要素，色相、饱和度、明度。了解“色彩构成”的人应该会很熟悉。

色彩的属性

色相（Hue）是色彩的首要特征，除了黑色、白色、灰色，所有的颜色都有色相，比如我们通常说的红、黄、蓝、绿、紫等等。这些叫做色相。

饱和度（Saturation）是指色彩的鲜艳程度，饱和度越高的颜色，色相特征越明显，饱和度越高，色彩显得越“灰”，饱和度为0色彩为为中性灰。

明度（Lightness）指颜色的明暗程度。明度为0，则都为黑色，明度为100，则都为白色。明度处于50时，色彩的色相特征最明显。

HSL色彩模式就是利用了色彩三要素的原理。色彩模式除了HSL外，还有RGB（应用于电子设备显示）、CMYK（用于印刷）等等。

配色法则一 降低饱和度

色彩鲜艳的事物确实会吸引人，但是如果没有利用好，这种吸引会是负面的，令人反感的。

高饱和度、低饱和度对比

当我们看到大量的高饱和度色彩时，往往会贴上“廉价”“土”的标签，而看到低饱和度的色彩，则是“莫兰迪高级灰”“性冷淡风”。

高饱和度海报

索尼Hear on系列海报

我从网上找了两张海报的对比，索尼的美学一直都很在线，几年前的hear on系列，海报的配色就非常舒适。

索尼配色的HSL色值

在HSL模式下可以看到，S（表示Saturation，HSL模式下0-100表示饱和度值）基本都在20及以下，唯一的红色饱和度也仅仅只有51。

配色法则二 使用更少的色相

如果驾驭不了太多的颜色，那就减少色彩的色相，把色相控制在3个以内，就通常都会比较和谐。这一点也适用于平时的穿搭，把五颜六色都穿在身上还能好看的人，真的不多。

多色相、少色相对比

色相太多，会显得杂乱无比，同时对眼部的刺激非常强烈。即便是很强的对比色，色彩饱和度很高，将数量控制在三个及以内也不会显得过于突兀。

同时，太过于跳跃、缤纷的色彩会引起生理的不适。比如著名的宝可梦3D龙事件，为了表现震撼，采用了红蓝高对比色彩快速跳跃，引起了多达六百多名观众昏倒。

即便在大自然中，色彩艳丽的鹦鹉、孔雀等动物，即便色彩非常鲜艳，色相的数量也并不会很多。

自然界中的鸟类

即便色彩的饱和度很高，但是色相数量少也不会很糟糕

通用法则三 合理的强调色

强调色可以用于突出显示重要信息，在传递信息上起着很大的作用。在搭配色彩时，可以将某一个色彩的亮度、饱和度与其他的色彩有明显区别，或者以专门的色相区别。

饱和度高的强调色

色相与众不同的强调色

谷歌的Material Design就把强调色运用的非常好。

Material Design色彩规则案例

配色法则四 从好照片学习配色

这是一个非常讨巧的方法，当你看到一张非常不错的彩色照片，通常而言这张照片的色彩搭配也会非常和谐。那么可以借鉴照片中的色彩搭配。

日出时的色彩

配色法则五 利用色彩搭配网站

palettable

palettable采用了很好的交互形式，进入页面会出现一个随机色彩，喜欢就点击“Like”保留，不喜欢点击“Disklike”随机更换另一个色彩。点击了保留会就可以选择下一个色彩，直到认为搭配好色彩，就可以导出配色表。

palettable

导出还可以选择链接或者下载png图片。

palettable导出

webgradient.com更擅长渐变色的色彩搭配，毕竟这几年渐变色挺流行的，但是要运用的好还是需要找找参考。

webgradient.com

webgradient.com交互

colourco.de是个很有趣的网站，搭配色彩的交互模式更加有趣。

colourco.de

通过鼠标的移动可以控制色相，通过滚轮可以控制饱和度。点击后就可以保留所选的色彩，然后再选择下一个色彩。

colourco.de交互

同时还支持多种模式，可以自行体验下。

colourco.de