设计师如何配色？（附超好用的配色网站）

不管是对设计师而言还是日常穿搭，我们都需要培养自己的审美，而审美的的重中之重是配色，那么如何快速成为配色高手呢？先要了解配色的禁区和规则！

1.搭配禁区包括且不限于：纯蓝色配纯黄色和纯红色，大红配大绿或大紫。当然这些颜色也不是不可以搭配，具体得根据环境和整体的效果而定，也要看色彩的纯度，亮度，透明度。

2.尽量少用一个一个没有呼吸感的大色块，其实很多叠层的图片/色块是需要透明度来调节的，在绘画角度来说就是你的色彩要有透气感。

3.色彩需要保持统一性，以避免太花哨。理论上说，主色调超过三个画面就会显得很乱。注意！是主色调，不是色彩。（但不包括跳跃的风格。）我经常看到一些P图小白，通过蒙版来更换人物的脸。但他只是P图，但却不能根据画面环境色去调节面部的色调，也不能让面部和手部的色调保持一致，这就是没有基本的常识和绘画基础，所以他P的图就显得又丑又假。

4.但是色彩也不能太过单一。像我们这里一家蛋糕店最近在搞装修，装修完我发现从墙壁，大门，内部装潢，甚至地板，灯光，装饰全部都是同一色系，这就显得特别死寂，所以也是不可取的。而有些环境下就需要复杂的色彩，比如制作与涂鸦，儿童，喜庆，彩虹相关的主题。建议大家大量保存莫奈和梵高的画作，直接吸别人的色彩来配色。

还有像网易云的听歌界面就很奇怪，整体全是灰色调，然后播放键和进度键变成了亮绿色，要是我没记错的话，网易云的主题色应该是红色，但这里感觉像窜场了一样。说真的，每次我看网易云的UI设计就想感叹，这特么扑面而来的程序员味道啊，那个CD转盘到底是啥玩意？然后那个唱针应该是从右边向下的指向，它非要来个反的，实在是让我等强迫症受不鸟。其实完全不需要指针的。（有图有真相）

灰不溜秋的画面加上错位的唱针，让我想起了大灰狼。每次一登陆的时候就感觉自己登陆了大灰狼的世界。

怎么看怎么奇怪？！

5.灰色调为高级色。这两年大家应该经常听到一个词叫做高级灰，因为灰色调的画面通常会更耐看一些，也显得更高级一些。而跳跃性的色彩很难控制，（当然像梵高那种就搭配的非常漂亮。）下面我们来看一下同样是绿配红，偏灰色调的色彩和高饱和度的色彩有什么区别。前面是不是有一种乡土的感觉？后面就显得高级很多？因为后面的色彩不刺眼。其实即使是跳跃性的色彩也是有其搭配规律的。

6.那么跳跃的颜色怎么搭配呢？让我们来看一下同样是亮色的色彩对比。

跳跃而艳丽的色彩可以通过调节亮度，选色，饱和度，透明度，对比度也可以搭配的很好看。

7.黑白灰永远是经典色，他们搭配什么颜色都会很好看，尤其是黑色。注意：在绘画中，基本没人去使用纯正的黑色，通常是用普兰加红色/褐色去调成近似暗色的黑色调，这样的色彩是非常自然的。在设计里也很少会有人用纯黑色。

8.分清楚暖色系，冷色系和过度色彩以及他们的搭配。通常情况下，黄色，橘色，红色，紫红色等让人感到温暖火热的就是暖色系。而蓝色，绿色，灰色，黑色，白色，褐色等这些让人感觉冷的颜色都是冷色系。而类似黄绿色，紫罗兰等，处于两种色彩之间的颜色就叫做过度色，它可以是冷色系也可以是暖色系。由于冷色系和暖色系容易产生冲突，所以搭配的时候要注意饱和度和亮度的调节。还是拿大红和大绿做案例，如果非要使用这样的色调，那么该如何搭配呢？看下图！

结合了对描边，虚化，背景色的调整，而削弱了本身刺眼的高饱和度。

9.如果以上问题你都完美的避开了，那么最后就要做到对比度的适当调节。因为出产品的目的不是为了欣赏或展览，最终还是为了销售出去。所以在保持统一色调，但色彩又不单一的前提下，我们要让背景和重点内容形成反差，这样既容易让用户看到，也让你的画面配色更加好看。如房产中介管理系统开单大师的配色就很舒服。产品的主色调很暗，是深蓝和深绿的灰色过渡区域，背景是与房产相关的高楼大厦，与之形成反差对比的是文字：开单大师的Logo；开单大师的优势：开源的房产系统；开单大师的登陆界面。

最后放上超好用的配色网站 但是说到底还是要提高自己的审美，不然有再多配色网站也并不能随时随地适用于你要制作的产品。