干货必收藏！20 个超人气配色网站，轻松 Get 设计大师同款配色

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

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

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

Flat UI Colors

扁平化设计必备工具

• 网站地址

https://flatuicolors.com/

• 网站介绍

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

WebGradients

设计师的色彩百宝箱

• 网站地址

https://webgradients.com/

• 网站介绍

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

Palettable

人工智能配色

• 网站地址

https://www.palettable.io/

• 网站介绍

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

Adobe Color CC 

专注色彩

• 网站地址

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

• 网站介绍

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

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

中国色

中国传统颜色

• 网站地址

http://zhongguose.com/

• 网站介绍

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

Material Palette 

致力于为设计师提供高质量颜色组合搭配

• 网站地址

https://www.materialpalette.com/

• 网站介绍

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

Colourco

基于网站设计的颜色搭配工具

• 网站地址

https://colourco.de/

• 网站介绍

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

ColorClaim 

设计师的灵感来源

• 网站地址

https://vanschneider.com/colors

• 网站介绍

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

Uigradients 

渐变色在线 CSS 生成工具

• 网站地址

https://uigradients.com/

• 网站介绍：

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

Color Leap

色彩时光机

• 网站地址

https://colorleap.app/home

• 网站介绍

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

Reeoo 

网站设计师寻找灵感和案例的必备网站之一

• 网站地址

https://reeoo.com/

• 网站介绍

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

ColorSupply 

设计师和插画师的颜色选择器

• 网站地址

http://colorsupplyyy.com

• 网站介绍

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

Duotone by ShapeFactory 

在线双色调神器

• 网站地址

https://duotone.shapefactory.co/?f=10c5f8&ampt=6736dd&ampq=

• 网站介绍

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

BrandColors 

• 网站地址

https://brandcolors.net/

• 网站介绍

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

Happy Hues

一个调色板灵感网站

• 网站地址

https://www.happyhues.co/

• 网站介绍

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

Eva Design System

AI 智能配色神器

• 网站地址

https://colors.eva.design/

• 网站介绍

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

Trianglify

在线多边形背景图片生成器

• 网站地址

https://trianglify.io/

• 网站介绍

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

艺术碎片

即时配色方案

• 网站地址

https://artchips.art/

• 网站介绍

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

0to255

简单的取色工具

• 网站地址

https://0to255.com/ce4373

• 网站介绍

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

Duotones Effect Generator

配对和效果生成器

• 网站地址

https://medialoot.com/duotones/

• 网站介绍

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

注：文章为作者独立观点，不代表梅花网立场。

本文由@子博设计投稿梅花网，并经梅花网编辑发布。版权归原作者所有，未经授权，请勿转载，谢谢！

梅花网正在火热征稿中，详情请戳https://www.meihua.info/article/3266306526462976