“用色不太高级”、“色彩不够吸引人”、“颜色不够活泼”...
一个出色的设计作品，除了图文排版还要注意上色装修，颜色搭配是设计师最基础的技能。色彩有色相、明度、纯度三个属性，它是一个被低估的设计工具，用对了是“配色达人”，用错了则是“辣眼睛”，“世上没有不好看的颜色，只有不好看的搭配”。
不会配色怎么办？什么样的颜色最迷人？怎么调配出克莱因的蓝、莫奈的灰？本期文章为大家介绍20个配色网站，既有自动检测色值帮你做好配色，又有各类主题色卡助你明晰设计特点，设计大神的必备网站让你轻松学会配色，一起来看看吧！
一、Flat UI Colors
扁平化设计必备工具
网站地址：
网站介绍：
Flat UI Colors是一个免费、高颜值的扁平化设计调色板，采集了13种色彩、14个调色板、280种颜色，支持在线切换HEX、RGB、RGBA，点击色块即可复制或吸取色值。
二、WebGradients
设计师的色彩百宝箱
网站地址：
网站介绍：
WebGradients是180个线性渐变的集合，免费供商业或个人使用。每种渐变色都有一个文艺的标题并标明颜色属性，用户可以复制CSS跨浏览器代码，也可以下载成PSD、Sketch、PNG格式使用。
三、Palettable
人工智能配色
网站地址：
网站介绍：
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，用户可以根据色轮来调整配色以确保色彩的和谐平衡。
“探索”与“趋势”功能，可以查看不同行业目前的色彩趋势，根据画面实景取色并自动生成渐变色的配色方案。
五、中国色
中国传统颜色
网站地址：
网站介绍：
中国色配色网站收集了最全的中国色，每种颜色都标有RGB和CMYK两种色彩参数，网站背景颜色会随所选主色而变，帮助使用者精准识色。
六、Material Palette
致力于为设计师提供高质量颜色组合搭配
网站地址：
https://www.materialpalette.com/
网站介绍：
Material Palette是基于材质设计的调色板生成器，附带ICONS与条状配色方案，主要包括19种主色，选择其中1个或2个颜色就会自动生成一组配色方案并提供7种下载格式，设计师可以实时预览效果图并将提取的颜色融入到App UI中。
七、Colourco
基于网站设计的颜色搭配工具
网站地址：
网站介绍：
Colourco可以帮助用户在线、快速地生成配色方案，根据鼠标移动的区域，颜色的亮度、色调、饱和度也会随之发生变化，可以直接修改参数进行实时调整。
八、ColorClaim
设计师的灵感来源
网站地址：
https://vanschneider.com/colors
网站介绍：
ColorClaim由德国专业设计师所创建，是设计师及入门小白的配色参考网站。目前已有120张色卡，每个色卡都是一个主色调与一个强调色组成，可以将图片复制粘贴到Photoshop或Sketch中，然后从中选择颜色创建moodboards，也可以直接下载完整的调色板到Photoshop或Illustrator中。
九、Uigradients
渐变色在线 CSS 生成工具
网站地址：
网站介绍：
Uigradients收录了近百种渐变色配色方案，可以直接下载使用或复制CSS代码用于其他设计，网站支持用户自行添加优质配色方案。
十、Color Leap
色彩时光机
网站地址：
网站介绍：
Color Leap整理了公元2000年到上世纪60年代间的流行色彩，用户可以通过年份来切换主题色，在艺术品及名画中采集复古配色并一键复制，在获取配色灵感时也深入了解每个时代经常使用的颜色色码及特色文化。
十一、Reeoo
寻找灵感和案例的必备网站之一
网站地址：
网站介绍：
Reeoo是一个专门收集优秀网页设计的网站，目前已收录了APP设计、Ipad设计、Icon设计等近千个网站案例。网站提供细分的主题板块，使用者可以通过颜色搜索成品案例，来欣赏不同角度下的色彩应用场景。
十二、ColorSupply
设计师和插画师的颜色选择器
网站地址：
网站介绍：
ColorSupply收集了来自世界各地设计师的色彩搭配方案，按照五大配色：互补色、相似色、三色调、分离互补色、四色调来分类。使用者可以通过移动取色杆预览区域内的色值变化及ICON效果展示，点击色卡旁边的原点标志，则会直接跳转到设计师主页查看对方的更多作品。
十三、Duotone by ShapeFactory
在线双色调神器
网站地址：
https://duotone.shapefactory.co/?f=10c5f8&t=6736dd&q=
网站介绍：
Duotone by ShapeFactory左侧是色彩调整栏，右侧是图片预览，网站集成Unsplash免费素材库支持图片搜索功能，用户可以在线调整配色并下载使用。
十四、BrandColors
最大的官方品牌颜色代码集合
网站地址：
网站介绍：
BrandColors现已收录600多个品牌1600种颜色代码，包括Adidas、Adobe、Alibaba等全球知名企业，从A到Z进行排序，颜色值不支持RGB拷贝，但支持下载ASE、CSS、SCSS、LESS格式。
十五、Happy Hues
一个调色板灵感网站
网站地址：
网站介绍：
这是一个在线实时展示灵感的网站，包括17种预设配色组、6个基础颜色术语、8种色彩心理学分析，点击左侧调色板时网页配色也会随之改变，单击即可复制十六进制代码，在这里你可以快速找到适合的配色指南。
十六、Eva Design System
AI智能配色神器
网站地址：
网站介绍：
网站适用于产品与品牌设计配色，选择1个主色网站会自动生成一套配色方案。点击调色盘自由取色，可以导出JPEG、JSON、Nebular Theme、UI Kitten Theme4种格式，网站支持调节日间与夜晚模式，是一个基于深度学习算法的配色网站。
十七、Trianglify
在线多边形背景图片生成器
网站地址：
网站介绍：
Trianglify提供多边形背景图片的在线制作与生成，用户可以自定义颜色、图片大小与图案强度，支持免费预览图片生成效果，导出高清PNG与SVG格式时需付费下载。
十八、艺术碎片
即时配色方案
网站地址：
网站介绍：
艺术碎片推荐使用谷歌Chrome浏览器，上传一张图片即会呈现单色、双色、对比色等百种预览配色方案，有助于用户快速为设计作品选取合适颜色。
十九、0To255
简单的取色工具
网站地址：
网站介绍：
0To255主要是帮助网页设计师取色的平台，适用于印刷、网站设计等，单击网格中的一种颜色或输入十六进制代码，右侧就会呈现由暗到亮有序的色彩变化列表，便于设计师在不同饱和度中寻找重点色。
二十、Duotones Effect Generator
配对和效果生成器
网站地址：
https://medialoot.com/duotones/
网站介绍：
该网站适用于双色调配色设计，涵盖17种经典双色调，一键生成饱和度极佳的图片效果，用户可以选择在线图像或自己上传，点击便可直接下载使用。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（7条）