想快速轻松做出好看的配色，光看这篇文章就够了！

​​对很多人来说，配色是个十分让人头疼的问题。尤其是设计新人，没有接受过系统的色彩训练，在配色方面始终不能随心发挥。每次设计完，你可能总对配色不满意，感觉很不舒服，又无从下手。你可能还收藏了一大堆色卡，实际用时，却和想象不一样。

怎样才能快速准确搭配出好看的颜色呢？

「优设基础训练营」讲师@如如酱w ，擅长 AI 插画，这篇文章以一些插画为例子，告诉你3个配色要点，拯救你的配色弱！这篇文章的配色方法适合所有设计哦！

序言

相信大家都看过很多关于配色的书籍与文章，但是，总结下来就是一句话：“明白很多道理，却依旧做不好配色练习”。这是因为，我们所接触到的的理论知识都是关于色彩规律展开的，色彩理论是固定的，但配色方案却不是，因为配色会受到主题、受众的影响而改变。

举个栗子，当你需要设计一个儿童绘本，从日常经验来说，大多数人都会用明色调，理论里也是儿童三原色，但是，如果有人使用用大面积的暗色调，显然不会符合儿童的预期，销量应该也很难起来（甲方并不想和你说话并且拉黑了你）。

所以说，我们在掌握了色彩的相关理论之后，还要根据相应的场景，来运用不同的配色规律，这样才可以实现更好的设计。

这篇文章，我将通过 3 大点，让你明白以下 几个问题

1、怎样才是结合色彩理论，进行调色的正确姿势？

2、如何使用配色技巧，以及如何从别人作品中正确“抄”色？

3、不想自己配色，哪里有好看好用的配色方案？

一、颜色的基本知识

了解配色技巧之前，我们要先来学习些关于颜色的知识，掌握好了理论之后，你能“以不变，应万变”，在实际配色的练习中，慢慢总结出属于自己的风格。

1、为什么要用HSB模式调色

如果学过初中物理，我们会明白，色彩是可见光在物体颜料上，除去被吸收的光后，散射出来的波长，不同的波长会表现出不同的颜色。

而电脑屏幕端的颜色，则是白色光透过带颜色的电子屏幕后，表现出来的光的颜色。

所以，在设计软件中，颜色模式被分为了CMYK和RGB，同时，由于印刷颜料的限制，CMYK的颜色模式往往会比RGB稍微暗一点点。

然而，这两种颜色模式，都不是基于人眼的最优选。为什么呢？因为CMYK和RGB 都不好用眼睛直接调色，这两个颜色模式都是混色模式，除了其本身自带的颜色之外，想要得到其他颜色的话，就需要进行混合。

例如说，在RGB颜色模式下，红色（R）加上绿色（G），便可以混合出黄色，那么当我们想要得到黄色时，便可以把R设置为255，G设置为255，蓝色设置为0，这样便得到了明黄色。

显然，这样的颜色调整是相当反人类的，如果没有一定的设计知识，就会很难调出来想要的颜色。

而人眼在观察颜色时，却是通过颜色的深浅、明暗来区分的，也就是设计中常说的色相、饱和度、明度，比如，粉红色比枣红色浅一些，转换为设计语言，即为粉红色的饱和度比枣红色低，同时明度比枣红色高。那么，什么样的模式是最适合人眼的呢？答案是HSB颜色模式。

H是色相（Hue），也就是颜色的属性，是蓝色或是红色，是绿色或是黄色；

S是饱和度（Saturation），也就是纯度，显示了颜色的鲜艳与黯淡；

B是明度（Brightness），即颜色的深浅，明度越高，颜色越接近白色，越低，则越接近黑色。

因此，使用HSB来调整颜色，可以让人可以更直观的调整出想要的颜色来。

还是拿刚才的例子来说，假如我们已经有一个枣红色，想要把它调整为粉红色，只需要降低它的饱和度，提升明度，即可轻松得到，这样一来，调整颜色也会变得非常轻松了。

2、配色如何影响人的情绪

明白了如何用眼睛进行调色后，我们再来简单了解下颜色对情绪的影响，让你配出符合人心理情绪的颜色。

心理学家认为，人的第一感觉就是视觉，而对视觉影响最大的则是色彩。

人的行为之所以会受到颜色的影响，是因为行为多是基于情绪所支配的，例如，我们在伤心难过的时候往往吃不下饭，而开心的时候则会多吃两碗。

颜色是起源于大自然先天的色彩，所以我们在看到颜色时，也会无意识地联想到自然，例如看到蓝色，我们会想起广袤无垠的天空与大海，从而让心情平静下来。

 

红色，则是血液的颜色，也是鞭炮炸开的火花，所以，它既是危险的信号，也是喜庆的象征。这些记忆，早已深深的刻入我们的基因中，因而，颜色会影响到人类的情绪变化。

同样是吃饭的案例，一般快餐店多用高饱和的红色、明黄色来搭配，也是因为这两种颜色会让人感到心情愉悦、兴奋、增进食欲，同时，吃完饭之后，食客也会因为长时间处于这样的环境中感到焦躁而离开，这就是商家根据色彩心理学玩的小把戏。

而咖啡厅，则往往会用偏蓝偏绿的冷色调来装修，吸引客人驻足停留，慢慢享受时光的流逝。

看完这些，你就应该明白，为什么我们在为自己的作品搭配颜色时，也要根据用户的需求，来使用不同的配色方案了吧。同时，你还可以利用这样的理论，观察一下常见logo的配色，说不定也会有惊喜发现。

3、控制好颜色面积，死亡组合色可以很好看

曾经有一张非常经典的图，客户想要红蓝配，我告诉它这样很伤眼，但是他不信，所以我做出来一张图：

相信这张经典的图大家都见过，也都被它闪瞎眼过。包括大家应该也都听说过的一句话，“红配绿，丑到头”，这句话在不同的方言里，会为了押韵而改编为不同的词，但究其本意，也是在描述红绿搭配有多难看。

但是，红蓝配，红绿配，就真的无解吗？

答案是否定的。

从上图的案例中，我们不难发现，只要控制好颜色的范围、饱和度、明度，即便是死亡组合，也可以搭配出不错的效果。这也就是很多配色文章里面提到的，主色调、次色调、点缀色等等。

而实际上，任何的搭配都要遵循“主次次缀”这样的配色规律。为什么会觉得东北大花袄抢眼呢？就是因为它的红绿面积近乎相当，而且对比度过于强烈，让人分不清主次，眼睛都不知该往哪看才好。

王安石也曾在诗句中说过，“万绿丛中一点红，动人春色不须多”，他也道出相同的道理，即如果想要把两个对比强烈的颜色搭配好看，只需要扩大其中一方的范围，再缩小另一方的范围，你就会得到想要的效果。

又或者，适当降低两种颜色的对比度，让它们的冲突没有那么明显，也是个不错的选择。

因此，在搭配颜色时，其实没有绝对不可以触碰的两种颜色的，我们所需要做的，只是稍微加一点技巧在里面，那么，就可以在轻松实现客户要求的同时，也让自己作品变得更加好看了。

讲到这里，你是不是对本章前面的那张图（红字蓝底图），有了更好的解决方法？

二、矢量插画怎么配色

相信看完上面的理论知识，你对颜色理论已经大致有个概念了吧。那么，接下来，本文会以矢量插画作为案例，教大家到底该如何使用配色技巧，以及如何更好的借鉴别人的作品。

1、确定绘制风格

在文章的开头，我们已经提到，色彩规律是固定的，配色方案却要根据不同的场景来制定。所以，绘制插画也是一样的。

在配色之前，我们需要先确定插画的风格，这里以几个常见的案例来做讲解，但是大家在之后做其他设计时，也是可以使用相似的方法的。

① 复古风格 （低饱和低明度）

每个年代的人所定义的“复古”，可能都不太一样。比如在我们看来，90年代流行的大闹天宫、小蝌蚪找妈妈等这类水墨风格动画片，是复古，而对于即将出生的20代来说，我们现在追的番，看的剧，也是复古。

尽管复古的概念和风格不太统一，但是复古的配色风格，却基本是一致的。比如，提到“复古”这个概念，你脑海中一定会联想到泛黄的信笺、掉漆的桌椅等等旧物件，像下面这些图里的物品，有些地方的颜色受到岁月洗礼而变得偏浅，有些地方的颜色因为灰尘的堆积而显得偏暗，那么这种旧式物件的感觉，与颜色上的特征，便可以为复古配色所定义。

因而，在插画配色中，如果想要展现出复古的感觉，便可以适当降低饱和度和明度，增加物品历经岁月之后，颜色逐渐掉落的感觉。

除了调整颜色之外，在插画上叠加斑驳质感也是常见的“做旧”方法，这种质感可以模拟出画纸磨损的效果，给画面增添几分可信度。

我们不难发现，复古风格的插画配色，往往给人以“柔”的感官享受，因为历史是会被套上柔光滤镜的，想想小时候，不管是伤心的事情，还是生气的事情，是不是都会让你回想起来的时候嘴角微微一笑，因为，那都是温暖的回忆呀。

② 时尚风格 （高饱和高明度）

与复古相对应的，就是时尚风格。当我们搞懂了复古是做旧，降低饱和度和明度，提升物体“旧”的质感，那么时尚风格，则正好是相反的，饱和度一定要高，明度也要高，这样会让插画更吸引眼球。

从案例中我们可以发现，高饱和度与高明度的搭配，带来的冲击力是非常强的，同时，如果控制不好颜色的对比与范围，则会形成大面积的灾难。

而这里也有个小技巧可以提供给大家，在搭配时，我们可以用大面积的暖色调，搭配小面积的冷色调，反之亦然，这样即中和了一种色调带来的乏味，同时，也会让画面更加跳脱、有趣。

如果说，复古是勾起我们的温暖回忆，那么时尚风，则是让用户对美好的未来更加憧憬。当然，复古是相对的，时尚也是相对的。只是说，在当下的节奏里，这样的风格，恰好被定义为时尚感而已。

③ 儿插风格 （低饱和高明度）

回到本文的最初，儿童插画风格一般是明亮、柔软的，正如儿童对这个世界的认知一样。而如上文所言，过高的饱和度，也会容易使人对画面产生焦躁感。因此在绘制儿插风格插画时候，可以适当提高明度，降低饱和度，也就是我们常见的马卡龙色。

可以看到，粉蓝、粉橘、粉紫是马卡龙的主色调，这样的颜色温柔且无攻击性，非常适合用在儿童插画的绘制之中。

这张美少女的儿童插图，从画风到配色，都透着一股柔软舒适的感觉，这是由于它的颜色整体饱和偏低，因而对比度也低，而天蓝与明黄的高明度搭配，使画面明亮欢快，不死板，非常容易受到小孩子的欢迎。

再比如这张插画，整体也是明亮活泼的颜色搭配，主色调的橙红色，让画面看起来温暖舒适，而辅助点缀的绿色与蓝色，则中和了橙色所带来的聒噪感。

总结一下，儿童绘本的配色，多用低饱和与高明度的颜色搭配，因为明亮的配色符合儿童对于世界的认知，同时，也能让孩子们从心理上感觉到快乐。

④ 静谧风格（高饱和低明度）

这是我自己总结出来的一种风格，也是常见的风景插画的配色，利用高饱和与低明度的搭配，会营造出静谧祥和的气氛，同时，也会让画面增添故事感。但是，这样的搭配是比较考验功底的，如果搭配不好，则会容易显脏，因而，新手要谨慎尝试哦。

例如上面几张图，除去画面本身的构图，及作者的绘制功底以外，静谧风格的配色也为画面增彩不少，试想一下，如果把画面中的配色改为儿插风格的马卡龙配色，那就会又是另一种感觉了，如果搭配不好，可能还会适得其反。同样，如果儿童插画用静谧风格的配色，那可能也会成为配色灾难。

所以说，不同的风格，要用不同的方案来搭配，这样才能得到最优解。在对颜色掌握还太不熟练的情况下，你可以用我刚刚所讲过的规律，先确定好风格，然后再搭配出自己喜欢的效果。

当然，配色风格远不止以上几种，这里只是列举了几个常见的案例，来给大家进行的讲解。

2、百搭配色技巧

很多时候，插画的风格并不能被一眼鉴定，甚至一副插画也会出现多种风格糅合的情况，比如时尚复古风、蒸汽朋克风等等，那么接下来，我会给大家介绍一些百搭的配色技巧，让你在不确定风格的时候，也能轻松搭配出好看的颜色来。

① 同色系、相邻色搭配

相信很多同学在看配色文章时，都接触过同色系、相邻色这个概念。

在色环上，这两种颜色搭配相隔非常近，所以，它们在搭配时，会降低对比度，从而让画面看起来比较和谐。这种配色方法是非常保险的，几乎很难出错。

比如，在这幅插画中，作者运用深浅紫色与粉色的搭配，营造出温馨梦幻的感觉，同时，也因为同色系加粉紫相邻色的搭配，让画面看起来温暖静谧，引起感官上的极大舒适。大家可以回忆一下，平时我们参加婚礼的时候，婚庆公司大量使用的红、粉、紫的装饰气球，也是同样的原理。

在使用这样的配色方法时，我们可以利用AI软件里的混合工具，将两个颜色之间的过渡给制作出来，这样，在配色时，可以直接吸取中间的部分颜色，而不用担心自己的搭配对比过于生硬了。

② 对比色、互补色搭配

如果你觉得，同色系的搭配太过单调，那么也可以尝试互补色与对比色的搭配。

在很多时候，互补色和对比色并没有很严格的区分，或者说这两者也可以理解为同一种搭配，它们都因为对比鲜明而容易让画面更出彩。

从上面的案例中，不难发现，互补色与对比色的搭配，带来的视觉冲击感是非常强的。因而，也常常用在时尚风格的插画的配色里。只是在搭配时，一定要把握好颜色面积、与饱和度明度的关系。如果适当调低一种颜色的饱和度与面积，会得到不错的效果。

③ 注意颜色的节奏感

不管你选择了哪种配色方案，一定要注意：在搭配时，要把握好颜色的节奏感。

我们都知道，一首歌里，会有快歌部分，也会有慢歌部分，同样的，在插画配色时，也要有主次之分。这也是人们常说的主色、副色、点缀色的搭配技巧。

主色，是画面中最主要的色彩，奠定了插画的基调。而副色，在画面中的占比相对较小，相当于电影中女配男配的地位，起到衬托主角的效果。

例如这张案例中，绘者用大面积深深浅浅的黄色作为主色调，奠定了画面深秋的季节性，以及大草原的繁盛广袤，而副色使用的低饱和蓝色，则中和了主色带来的过暖的感觉，以显出画面的宁静感。

在插画绘制时，明确的主副色会让画面的风格明显，提升品牌效应。而对于新手小白来说，经常犯的错误就是，各种颜色都想要尝试一下，于是主副色过多，这样导致的后果就是，画面太过花哨，难看，这也就是新手常常觉得自己不会配色的原因之一。

最后再来看看点缀色。

在常见的同色系、相邻色搭配时，由于整体风格偏柔，稍显单调，所以就需要加些对比的颜色来点缀一下，让画面跳脱起来，也更加丰富。

在大面积橙色与黄色的暖色调块面中，加一点紫色来点缀，会让画面跳脱起来。试想，如果把案例中女孩子的头发也改成橙黄色，那么整副插画会让人觉得腻歪且聒噪。而加上了那一点点的不同，感觉就立马好了起来。

同样的，在大面积冷色调的蓝绿中，加一些饱和过高的橙黄色调来中和，也是不错的选择，不仅让画面生动，而且还突出了主体物，层次感也显出来了。

3、如何从别人的作品中借鉴配色

想要快速提升配色技巧，从别人的作品中借鉴是个不错的选择。

想必上图这样的色卡，你已经收藏过很多张了，但是用起来的时候，依旧觉得搭配的一塌糊涂，是吗？

这就要回到前文，我们所讲过的节奏感了，插画在搭配颜色时，并不是什么颜色都可以往上怼，这样造成的后果就是花里胡哨，不分主次。而我们网上看到的大部分色卡，都只是从画面中吸取色值，却不告诉你哪部分颜色是主色，哪部分颜色是副色。因而，这样收集来的色卡，用处是不太大的。

所以，我们一定要学会如果制作属于自己的色卡。

例如这张图，我们可以轻松的判断出，它的主色调是蓝色，副色调是深蓝与红色，而点缀色是明黄色，所以，我们也要根据图片本身的颜色面积，来制作自己的色卡。

这样色卡的好处，是可以清楚直观的明白颜色的使用，在自己搭配时，也可以更好的去借鉴，而不是像往常那些色卡一样，胡子眉毛一把抓，反而搭配出奇怪的效果。

用同样的方法，我们还可以制作更多自己的专属色卡。

三、还是不想自己搭配，该怎么办？

如果看完以上所有内容，你依旧觉得不想自己去搭配颜色，那么，我在这里给大家分享一些压箱底的配色神器，只要拥有它们，你也可以轻松搭配出好看的颜色了。

① Khroma

Khroma会利用人工智能，通过你选择的颜色，给你搭配出合适的色卡，只要拥有它，就可以分分钟应对各种场合的配色需求啦！

② LOL Colors

讲真，这个萌萌哒网站应该没有人不知道吧？里面的色卡可以说非常实用了，而且把鼠标放上去还会显示色值，可以直接复制使用，也太方便了吧！

③ Color Claim

Color Claim是一个设计大师自建的网站，每个配色图片都可以拿来直接用，虽然说色卡并不是很多，但是每张都非常经典。不管你喜欢什么风格，都可以轻松从里面找到最合适的方案。

④ Color Hunter

这一个简单粗暴的配色工具，只要你上传自己喜欢的照片，就可以制作出色卡来，不用自己去吸色取舍啦。用最爱的图片做最爱的色卡，这样的设计理念真的很棒棒喔！

⑤ NIPPON COLORS

这个超高颜值的网站，我不允许还有人不知道！NIPPON COLORS 收录了250种日本传统颜色，每次打开它的时候，都会自动显示一张不同的颜色图，字体设计细腻精致，右边还标注了RGB与CMYK的色值，可以说非常贴心了。

结语

想要学好配色，绝非一日之功，即便了解了各种理论与技巧，也需要在长时间的练习中慢慢摸索，才能逐渐掌握。最后，祝愿大家都能够如愿以偿，学会自己的配色风格。

可能你每次配色都会手足无措，做完设计，总感觉哪里不对，但又不知如何下手改？

可能你也是一枚配色苦手，总是在不断寻找方法，想快速配出好看的颜色，以及避免严重的配色错误。

如果你想解决这个让人头疼的问题？

想有人辅导你速成配色达人，也想做出下面这样的作品。

你可以了解下

第 44 期 「优设软件基础训练营」

这门课程已经 开设 90 多个班， 8000+学员上过这门课程。

眼见别人飞速在简历填上各种技能，

可你却还在摸头思考自己会什么，

苦恼不知如何才能提升你面试成功的机率。

请了一顿饭200 元，微信发了个红包，

长叹一口气，终于还了朋友做海报的人情债，

可是以后需要P图、做海报时，你还想再欠人情吗？

这里 30 天左右，3 款职场加分软件，零基础也能即学即用！

课程会围绕课程会围绕「掌握软件常用知识」「培养设计基础理论」「提升视觉效果」「带领分析佳作」「实战临摹作品」「培训原创思维」，带你从零基础小白到熟练掌握并灵活运用PS/AI/AE 3 个软件，结合设计基础原理，做出原创作品。

30 天系统学会3 门设计软件，这里是零基础小伙伴的原创作品：

 

CCtalk 网络直播互动授课（手机、平板、电脑都能看）

12月6日开课，20：00上课，老师的电脑屏幕和操作都能看清，也可实时互动交流。

共有 25 节超长课时（90分钟/课时，视课程内容及情况增加）

44 期课程就仅剩 30 个名额，999元/单人

今年最后一期课！再等就是明年啦，想要报名的童靴，快来哦！

如果你对课程有什么想问的，可以添加客服小姐姐的VX 号，详细咨询下哦！

客服小姐姐QQ或者WX ↓↓↓↓↓

QQ：3507286763 / 2574646834

VX：uisdc2