作为一名设计师，我们无时无刻不在跟色彩打交道，配色既是基础能力，也是核心能力。

色彩也是最敏感的视觉感官元素之一，不管设计技法如何，用户看到作品最直观的第一感受通过色彩传递的。

合理的色彩搭配是成就优秀作品的必要条件，我之前也写过很多篇关于配色的文章，有兴趣的同学可以翻一翻。

这篇文章我不讲理论，只希望配色做不好的同学，能学会借助工具解决工作中的配色难题。

下面我就为大家推荐5个实用的配色工具，朴实无华的5招，帮你搞定工作中的配色难题。会详细到每个功能的介绍、如何使用、侧重点是什么等等。

补充：因为都是国外网站，如果你英语水平跟我一样差，可以下载一个网页翻译的插件，轻松一点英文秒变中文。

一、Adobe Color CC

网站：https://color.adobe.com

Adobe官方出品的配色工具，也是我在刚接触设计时常用的配色网站，支持RGB、CMYK、HSB等多种色彩模式，并且也支持多种配色规则，比如：类比、单色、补色、分割补色等等。

使用起来很简单，选定色彩调和规则之后，转动色相轮上的调整锚点，就会出现统一色彩调和规则下的多种配色形式。

另外，每个色彩下方都会有对应的属性，并且每个属性都可以通过拖动圆球进行手动调节。

所以，在工作中当你只能确定一个主色的情况下，我们可以将其设定为基色，通过手动调整的方式，让系统自动生成配色方案，这在工作中很实用的。

还有一个功能很好用，就是从图片中提取色彩的功能，叫做提取主题。

当我们看到一张很美的照片或者是想要参考别人作品的色彩时，就可以通过这个功能提取色彩。

可以根据图片中的色彩属性进行提取，比如：彩色、亮色、柔和、深色等等，官方叫做使用色彩情景提取。

提取主体初始默认是系统自动选取图片中的关键色彩，当然可以手动选择图片中你想要色颜色，是不是特别方便？

另外不仅可以提取纯色，还可以提取渐变色。

跟提取纯色差不多，也可以进行手动选取你想要的颜色，同时也可以手动设置渐变色标的数量。

还有一些好玩的功能，比如：色彩游戏、对比检查器等等，大家可以去看看效果，都试一下。

二、Colourco

网站：https://colourco.de

一个很有意思的线上配色网站，可以根据自己的喜好自由的进行颜色搭配，在调色板内范围内滑动鼠标，颜色就会随之发生变化，想要哪个颜色，鼠标左键点一下就可以锁定，以此类推。

它还有很多实用的色彩调和规则，比如：单色、单色和深灰色、类比、四边形。类比与补等等。

有了这些色彩调和规则之后，在选定一个色彩调和规则后，你同样可以通过鼠标在调色板范围内移动改变色彩，直到选定之后，点击鼠标左键锁定。

如果你感觉调色板数量不够，可以通过页面右侧的“+”号键进行添加。

另外也可以通过手动调整中间颜色的属性和参数，在选定的的色彩调和规则下系统自动生成最优的色彩搭配方案。

这与Adobe Color CC网站中的比较相似。

三、WebGradients

网站：https://webgradients.com

这是一个主要做渐变色的配色网站，网站内有180种渐变配色方案，整体风格都偏柔和、舒服自然，方案质量很高。

并且支持在线预览、PNG格式下载以及生成CSS代码等等。

与其他配色网站的不同在于：无法手动调整、自由变换，没有过多的操作，从180中渐变配色方案中选择你想要的即可。

下面是我随机挑选的几个，确实很漂亮。