说起配色，很多同学都会觉得很头疼。配色很考验个人审美，看了大量文章听了很多课程，可能还只会一些复杂的专有名词，并没有在脑子里面留下系统的概念。

色彩是视觉性元素，它直接就奠定了整个画面的基调，给人一个初始的心理感受。如何去选色，就是在决定给人一个怎样的初始印象，这时候色彩搭配就显得十分重要。下面为大家介绍配色的两大原则、四个方法以及配色网站推荐。

首先了解两个配色的大原则

1. 颜色要统一

在一个页面里面，应该有一个统一的色彩，这个色彩应该贯彻在整个页面中，提供整个页面的连续性。

2. 主题性

配色方案要和主题相关，不能随意设置，如果配色方案与主题属性不吻合，那么即便保持了色彩的统一性，也会让人觉得怪怪的。 比如与生物相关，一般会选择绿色、蓝色等，不会去选择大红色这种喜庆的颜色。

例：华大基因的蓝绿配色

以及4个配色方法

1、单色配色法

一般都是单色 黑色 白色，单色一般是来自企业的LOGO，也可以是行业的代表色，类似制药的蓝色。

2、同色系配色法

单色配色有时会让人觉得过于单调，且在画面中又不想使用更多颜色，可以选择与主色相近的颜色，进行搭配。

3 明度配色法

色彩明度，又称指色彩的亮度。色彩明度是色彩的三要素（色相、明度和纯度）之一。不同颜色会有明暗的差异，相同颜色也有明暗深浅的变化。深色搭配浅色，浅色搭配深色。一般是深色背景 浅色文字进行色彩搭配。

4、 从商品里面吸取色彩

简单直接并且有很强的相关性。可以将画面与商品很快的联系起来。

想专门从事设计，配色确实特别难。但如果只是进行基本的操作，其实学会借鉴就能搞定配色。其次大家也需要经常去各种网站收集配色方案，为自己增加素材储备。

下面为大家介绍几个实用的配色网站。

1、Color Hunt （https://colorhunt.co/） （适合小白直接套用）

这是一个非常简洁，但非常实用的配色网站，以时间为序，每天都会更新一个配色方案，非常直观的找到搭配好的颜色组，在这里你可以创造并分享自己喜欢的色彩搭配。每种颜色都有它的网页代码，可以直接复制。同时，你也可以为你喜欢的配色方案点上小爱心。

网站不足之处在于无法检索，时不时登录一下，及时的将自己喜欢的配色保存下来。

2、花瓣网（https://huaban.com/）

一般人都是将花瓣网当做收集图片的工具，但事实上花瓣上也有特别多的配色方案可以收集，输入关键词#配色#就会出现大量的配色方案。收集起来，就可以组成自己独特的配色库。

3、WebGradients （https://webgradients.com/）

大家有时候也想使用渐变色来为画面提供更多的独特性。WebGradients是180个线性渐变的免费集合。您可以将其用作网站或者PPT任何部分的内容背景。点击一下就色彩就可以大图预览，喜欢的话可以用图片格式下载下来，很方便，也可以轻松复制CSS3 代码并立刻使用它！

4、Adobe Color CC （https://color.adobe.com/zh/create）

是Adobe有一个很好的配色工具，你可以根据自己选择的色彩理论配色方案，选择主色，调整参数，让软件自动配出其他和谐色。拖动上面的圆圈，选择自己想要的主色，就可以获得多种的配色。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

关注我 评论文章，然后点击我的头像，私信我回复：福利；

即可获得以下福利：

福利一：100本设计书，帮助提升设计思维和审美

福利二：300张高清背景素材源文件

福利三：500套海报字体和排版源文件

福利四：免费可商用字体