前言

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

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

下面我就为大家推荐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中渐变配色方案中选择你想要的即可。

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

四、ColorSupply

五、ColorSupply

原文地址：美工美邦（公众号）

转载请注明：学UI网》5招！帮你搞定配色难题！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务