不会配色怎么办?什么样的颜色最迷人?怎么调配出克莱因的蓝、莫奈的灰?克瑞思为大家推荐一些配色网站,既有自动检测色值帮你做好配色,又有各类主题色卡助你明晰设计特点,设计大神的必备网站让你轻松学会配色,一起来看看吧!

1

Colrd

http://colrd.com

设计高级配色(设计师必备的超人气配色网站)(1)

用户可以自己上传图片与配色方案。看到喜欢的配色,就可以保存下来。就连图片的来源都有标注,非常方便。

2

Adobe Color CC

https://color.adobe.com/

设计高级配色(设计师必备的超人气配色网站)(2)

Adobe color是一家在线色轮提取网站,使用兼容性很强,它能提供RGB、CMYK、LAB、SHB、HEX五种色彩模式,非常人性化,用户可以根据自己的配色要求进行实时搭配,是配色的必备良器。

3

uiGradients

https://UIgradients.com

设计高级配色(设计师必备的超人气配色网站)(3)

UiGradients是一个在线以渐变色为主的分享网站,色值非常全且每个颜色还有一个超美的名字。

该网站收录了近百种渐变色配色方案,可以直接下载使用或复制 CSS 代码用于其他设计,网站支持用户自行添加优质配色方案。体验非常人性化,实用性非常高。

4

WebGradients

https://webgradients.com/

设计高级配色(设计师必备的超人气配色网站)(4)

WebGradients是180个线性渐变的集合,免费供商业或个人使用。网站整体风格偏柔和,看起来很干净。

5

ColorExplorer

http://www.colorexplorer.com

设计高级配色(设计师必备的超人气配色网站)(5)

ColorExplorer是一款可以上传图片、自动检测色值的线上工具,操作酷炫。只要拖动小方块,就会自动匹配合适的颜色,集合多种配色工具。

6

Muzli Colors

https://colors.muz.li/

设计高级配色(设计师必备的超人气配色网站)(6)

Muzli Colors是一个能够快速实现自定义UI配色的网站,在Mizli Colors上你只需选择你需要的配色,下方的UI模板立即就会改变相应的配色方案。

7

Palettable

https://www.palettable.io/

设计高级配色(设计师必备的超人气配色网站)(7)

设计高级配色(设计师必备的超人气配色网站)(8)

设计高级配色(设计师必备的超人气配色网站)(9)

Palettable是一个在线配色生成神器,分析数百万设计配色知识,为用户智能推荐一个颜色。在进入网页时,会随机推荐颜色,用户只需要选择喜欢or不喜欢,直到搭配出想要的色。

8

Reeoo

https://reeoo.com/

设计高级配色(设计师必备的超人气配色网站)(10)

Reeoo是一个专门收集优秀网页设计的网站,目前已收录了 APP 设计、Ipad 设计、Icon 设计等近千个网站案例。

设计高级配色(设计师必备的超人气配色网站)(11)

比如说点击紫色,页面会跳出主色调为紫色的网站、APP设计。

9

colorsupplyyy

http://colorsupplyyy.com

设计高级配色(设计师必备的超人气配色网站)(12)

设计高级配色(设计师必备的超人气配色网站)(13)

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

10

duotone.shapefactory

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

设计高级配色(设计师必备的超人气配色网站)(14)

设计高级配色(设计师必备的超人气配色网站)(15)

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

11

Zhongguose

http://zhongguose.com

设计高级配色(设计师必备的超人气配色网站)(16)

设计高级配色(设计师必备的超人气配色网站)(17)

Zhongguose上介绍了属于中国人自己的颜色名称,原本就很诗意的名称加上中国风的行书字体,让你真切的感受到中国文化的博大精深。进入网站后,点击相应的颜色名称,网站的背景也会自动变成相应的颜色,右侧还会显示输出用的CMYK色值,以及显示屏用的RGB色值。

12

LOL Colors

http://www.lolcolors.com

设计高级配色(设计师必备的超人气配色网站)(18)

一款非常简洁,文艺又活泼、小资的色彩方案搭配网站。鼠标移动到不同颜色的水滴上会有色彩代码(Hex Code)的颜色值。

13

happy hues

https://www.happyhues.co/

设计高级配色(设计师必备的超人气配色网站)(19)

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

14

Eva Design System

https://colors.eva.design/

设计高级配色(设计师必备的超人气配色网站)(20)

设计高级配色(设计师必备的超人气配色网站)(21)

Eva Design System提供了系统化的配色解决方案,你只需选取相应的颜色,平台就会通过算法给你由浅到深的呈现相应的色彩配色。网站还支持调节日间与夜晚模式。

15

Trianglify

https://trianglify.io/

设计高级配色(设计师必备的超人气配色网站)(22)

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

,