20个超人气配色网站，轻松get设计大师同款配色

“用色不太高级”、“色彩不够吸引人”、“颜色不够活泼”...

一个出色的设计作品，除了图文排版还要注意上色装修，颜色搭配是设计师最基础的技能。色彩有色相、明度、纯度三个属性，它是一个被低估的设计工具，用对了是“配色达人”，用错了则是“辣眼睛”，“世上没有不好看的颜色，只有不好看的搭配”。

不会配色怎么办？什么样的颜色最迷人？怎么调配出克莱因的蓝、莫奈的灰？本期文章为大家介绍20个配色网站，既有自动检测色值帮你做好配色，又有各类主题色卡助你明晰设计特点，设计大神的必备网站让你轻松学会配色，一起来看看吧！

网站地址：

https://flatuicolors.com/

网站介绍：

Flat UI Colors是一个免费、高颜值的扁平化设计调色板，采集了13种色彩、14个调色板、280种颜色，支持在线切换HEX、RGB、RGBA，点击色块即可复制或吸取色值。

网站地址：

https://webgradients.com/

网站介绍：

WebGradients是180个线性渐变的集合，免费供商业或个人使用。每种渐变色都有一个文艺的标题并标明颜色属性，用户可以复制CSS跨浏览器代码，也可以下载成PSD、Sketch、PNG格式使用。

网站地址：

https://www.palettable.io/

网站介绍：

Palettable是一个在线配色生成神器，分析数百万设计配色知识，为用户智能推荐一个颜色，你可以选择Dislike or Like保留或移除当前的颜色，最终生成 5种协调的配色，复制链接或直接导出图片使用。

网站地址：

https://color.adobe.com/zh/create/color-wheel

网站介绍：

Adobe Color CC是Adobe官方出品的配色工具，包括多种配色规则：单色系，三元色，互补色等，提供4种色彩模式：RGB、CMYK、LAB、HSB，用户可以根据色轮来调整配色以确保色彩的和谐平衡。

“探索”与“趋势”功能，可以查看不同行业目前的色彩趋势，根据画面实景取色并自动生成渐变色的配色方案。

网站地址：

http://zhongguose.com/

网站介绍：

中国色配色网站收集了最全的中国色，每种颜色都标有RGB和CMYK两种色彩参数，网站背景颜色会随所选主色而变，帮助使用者精准识色。

网站地址：

https://www.materialpalette.com/

网站介绍：

Material Palette是基于材质设计的调色板生成器，附带ICONS与条状配色方案，主要包括19种主色，选择其中1个或2个颜色就会自动生成一组配色方案并提供7种下载格式，设计师可以实时预览效果图并将提取的颜色融入到App UI中。

网站地址：

https://colourco.de/

网站介绍：

Colourco可以帮助用户在线、快速地生成配色方案，根据鼠标移动的区域，颜色的亮度、色调、饱和度也会随之发生变化，可以直接修改参数进行实时调整。

网站地址：

https://vanschneider.com/colors

网站介绍：

ColorClaim由德国专业设计师所创建，是设计师及入门小白的配色参考网站。目前已有120张色卡，每个色卡都是一个主色调与一个强调色组成，可以将图片复制粘贴到Photoshop或Sketch中，然后从中选择颜色创建moodboards，也可以直接下载完整的调色板到Photoshop或Illustrator中。

网站地址：

https://uigradients.com/

网站介绍：

Uigradients收录了近百种渐变色配色方案，可以直接下载使用或复制CSS代码用于其他设计，网站支持用户自行添加优质配色方案。

网站地址：

https://colorleap.app/home

网站介绍：

Color Leap整理了公元2000年到上世纪60年代间的流行色彩，用户可以通过年份来切换主题色，在艺术品及名画中采集复古配色并一键复制，在获取配色灵感时也深入了解每个时代经常使用的颜色色码及特色文化。

网站地址：

https://reeoo.com/

网站介绍：

Reeoo是一个专门收集优秀网页设计的网站，目前已收录了APP设计、Ipad设计、Icon设计等近千个网站案例。网站提供细分的主题板块，使用者可以通过颜色搜索成品案例，来欣赏不同角度下的色彩应用场景。

网站地址：

http://colorsupplyyy.com

网站介绍：

ColorSupply收集了来自世界各地设计师的色彩搭配方案，按照五大配色：互补色、相似色、三色调、分离互补色、四色调来分类。使用者可以通过移动取色杆预览区域内的色值变化及ICON效果展示，点击色卡旁边的原点标志，则会直接跳转到设计师主页查看对方的更多作品。

网站地址：

https://duotone.shapefactory.co/?f=10c5f8&t=6736dd&q=

网站介绍：

Duotone by ShapeFactory左侧是色彩调整栏，右侧是图片预览，网站集成Unsplash免费素材库支持图片搜索功能，用户可以在线调整配色并下载使用。

网站地址：

https://brandcolors.net/

网站介绍：

BrandColors现已收录600多个品牌1600种颜色代码，包括Adidas、Adobe、Alibaba等全球知名企业，从A到Z进行排序，颜色值不支持RGB拷贝，但支持下载ASE、CSS、SCSS、LESS格式。

网站地址：

https://www.happyhues.co/

网站介绍：

这是一个在线实时展示灵感的网站，包括17种预设配色组、6个基础颜色术语、8种色彩心理学分析，点击左侧调色板时网页配色也会随之改变，单击即可复制十六进制代码，在这里你可以快速找到适合的配色指南。

网站地址：

https://colors.eva.design/

网站介绍：

网站适用于产品与品牌设计配色，选择1个主色网站会自动生成一套配色方案。点击调色盘自由取色，可以导出JPEG、JSON、Nebular Theme、UI Kitten Theme4种格式，网站支持调节日间与夜晚模式，是一个基于深度学习算法的配色网站。

网站地址：

https://trianglify.io/

网站介绍：

Trianglify提供多边形背景图片的在线制作与生成，用户可以自定义颜色、图片大小与图案强度，支持免费预览图片生成效果，导出高清PNG与SVG格式时需付费下载。

网站地址：

https://artchips.art/

网站介绍：

艺术碎片推荐使用谷歌Chrome浏览器，上传一张图片即会呈现单色、双色、对比色等百种预览配色方案，有助于用户快速为设计作品选取合适颜色。

网站地址：

https://0to255.com/ce4373

网站介绍：

0To255主要是帮助网页设计师取色的平台，适用于印刷、网站设计等，单击网格中的一种颜色或输入十六进制代码，右侧就会呈现由暗到亮有序的色彩变化列表，便于设计师在不同饱和度中寻找重点色。

网站地址：

https://medialoot.com/duotones/

网站介绍：

该网站适用于双色调配色设计，涵盖17种经典双色调，一键生成饱和度极佳的图片效果，用户可以选择在线图像或自己上传，点击便可直接下载使用。