对于产品经理新手来说，如何挑选颜色一直有很大的困扰，原型上的配色成了一个很困难的问题，那怎么办？答案就是——直接用大神的配色。

ColorSupply 收集了来自世界各地设计师的色彩搭配方案，不仅如此，它还按照五大配色方案来分类，这样更加方便设计师们选择颜色了！同时这些配色非常适合扁平化 UI 设计使用，比如图标或者矢量插画。

打开网站后，可以看到网站主要有三大区域：

五大配色方案类型：互补色（Complimentary）、相似色（Analogous）、三色调（Triad）、分离互补色（Split Complimentary）、四色调（Square）。

配色方案：在12色环右则是对应类型的配色方案。

效果图预览：网站下面的平面插图可以根据选中的配色方案自动上色，如此一来用户就可以看到配色方案的大概效果。

在配色方案中，带绿色点的配色是挑选某一设计师的方案，用户选中后，会显示设计师的名称。点击设计师名称还能看到该插画师的网站与作品哦！

如：https://stevescott.com.au/

通过这网站选择颜色虽然方便，但毕竟只是工具，只提供参考，产品经理在使用时应进行适当调整，以达到更好的视觉效果。

超美的中国风配色，网站号称收集了最全的中国色，还有中英文互译，非常贴心，五星好评。

日本传统色彩，无需多说，文艺又古风，值得收藏。

3.Colrd 网站地址：http://colrd.com

用户可以自己上传图片与配色方案。看到喜欢的配色，就可以保存下来。 4.Adobe Color CC 网站地址：https://color.adobe.com 超全的配色方案。还能自己通过色轮，搭配配色方案。

5.**uiGradients ** 网站：uigradients.com

做渐变配色专用的网站，色值什么的非常全。每个颜色还有一个超美的名字，来来感受一波~

这个网站也是以渐变色彩出名，只不过整体风格偏柔和，看起来很干净。

一款可以上传图片，自动检测色值的线上工具，亲测好用。

[图片上传中...(image-81c9b3-1536289543856-11)]

8.Colorfavs 网站：www.colorfavs.com

跟Colorexplorer同类型的网站，就是这个Colorfavs，可以上传图片来分析配色。

9.Palettable 网站：www.palettable.io

可以自己随意搭配色彩方案的网站。

在进入网页时，会随机推荐颜色，用户只需要选择喜欢or不喜欢，直到搭配出想要的色板。

10.Reeoo 网站：reeoo.com

通过颜色搜索，为用户提供APP，网页设计，平面设计，书籍设计，ICON等精彩案例。

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

11.Paletton 网站：paletton.com

用户通过设定一个颜色，通过网站的选项和微调参数，生成一套配色方案。

12.Color Hunt 网站：www.colorhunt.co

网站实时更新不同的配色方案，并会按照受欢迎程度排列。

13.LOL Colors 网站：lolcolors.com

非常可爱的多彩配色网站，鼠标移动到不同颜色的水滴上会有色彩代码(Hex Code)的颜色值。

14.colourco/colordot 网站：www.colourco.de

网页区域内随意滑动鼠标，可以产生不同的色彩。确定一个色彩，再随意滑动产生下一个色彩，直到找到自己满意的配色。