配色难？5种风格12个配色网站，请收好！

配色

是让排版更上一层楼的大门槛

不是受过专业训练的设计师

对色彩的感知很难敏感

学好配色需要时间打磨

但用好配色工具

便可以快速排出一篇

色彩赏心悦目的图文

老沙在这里整理了

关于配色的5种风格12个网站

收好没错！

一、传统文艺风

1、color.uisdc.com

囊括了中国传统色彩、日本传统色彩

配色导航、渐变色导航等一个配色网站

点击颜色即可复制相应色值

简单易用

但不方便直接进行配色

2、zhongguose.com

绝对的文艺典雅

颜色命名也很好听

如果要排版中国风的图文

非它莫属

点击颜色名称便会出现对应色值

二、多彩渐变风

3、www.ls.graphics/meshgradients

100多个免费的渐变色合集

包含两色渐变和三色渐变

潮流时尚

4、webgradients.com

多为两色渐变，干净柔美

点击某个渐变色，就会显示全屏

可以直接下载 Sketch/PSD

或复制十六进制颜色编码

5、uigradients.com/#MetallicToad

它的强大之处在于支持自定义

可360度旋转渐变方向

自由增加渐变颜色

和改变某个颜色的渐变范围

三、美图配色风

6、www.colorfavs.com

用法很简单

直接上传好看的图片

网站可以自动分析出它的配色

7、degraeve.com/color-palette

支持JPG和PNG格式的图片

并且会对图片色彩显示做详细分解

非常适合你偶然在

浏览网页时发现的配色优秀的图片

缺点是只能处理网络图片

使用时需要将图片上传到网络获取图片链接

四、日常灵感风

8、colorable.jxnblk.com/

提供文字和背景的配色组合

包括色调（Hue）、饱和度（Saturation）和亮度（Lightness参数

拖动滑竿就可以产生不同的配色组合

点击下方按钮 Random

网站还会自动生成不同的颜色搭配

9、vanschneider.com/colors

一个设计大师自建的配色网站

每个配色都可以直接拿来取用

风格鲜明，简单粗暴

10、tool.c7sky.com/webcolor/

简单明了的配色表

分别按色相和印象风格分类

查找起来非常方便

五、设计原理风

11、color.adobe.com/zh/create/color-wheel

Adobe公司（做Ps、Ai、Ae…软件的那家）

开发的一款专门用作配色的工具网站

使用者可以利用色轮根据互补、类似等规则

进行自动配色

12、http://colorsupplyyy.com

拖动色轮的取色杆

配色方案就会随着色轮的取值而变化

同时它还提供了 icon 配色效果的展示

按键盘上的左右方向键

则会有互补、相邻、三色调等配色方法

 

以上就是老沙用过并整理的配色网站了

从第一次排版到现在排了无数篇文章

每次配色不知如何下手的时候

翻出来这些网站看看

马上就有了想法

真的相当实用