矢量插画必备！对本地文件一键配色的神器「Color-editor」

大家好，这里是和你聊设计的花生~

上次向大家推荐了配色神器 Palettemaker，它最大的特色可以将配色方案自动应用到海报、插画、图案等设计模板上，让用户实时预览配色方案的大致效果。今天再为大家推荐一个我最新发现的配色工具 「Color-editor」 ，它允许用户上传自己的文件，并利用预设的配色方案对其进行上色。

Color-editor

网址直达： https://iconscout.com/color-editor

Color-editor 是国外的一个设计资源网站 iconscout 开发的一款色彩编辑工具，可以对 SVG 格式的文件自定义上色。这意味着我们可以将自己的 SVG 文件上传到网站上，利用网站预设的配色方案进行一键上色，非常适合 UI 图标、UI 插画等矢量文件的快速配色。下面一起来看看这个神器怎么使用吧~

1. 使用介绍

进入网站后，首先点击上传本地的 SVG 文件，然后会出现如下界面，网站的调色功能集中在左侧工具栏，调色效果会实时展示在右侧的窗口，点击面板顶部的左右箭头可以撤销&还原炒作，点击「重置」可以一键还原到最初的配色。

Color-editor 一共提供 3 中着色模式，分别为彩色模式，单色模式和灰度模式，适合不同的配色需要。

① 彩色模式（color tone）

进入彩色模式后，网站会自动给出 200+种预设的配色方案，点击其中一种就能将配色应用到 SVG 文件中。

由于预设配色只有 4 种颜色，如果你觉得应用效果不是很完美，可以在左侧的「item colors」里对画面的任意一种颜色进行单独调整，让整体的配色更加和谐。

② 单色模式（monochrome）

当进入单色模式后，画面中的颜色就只剩一种颜色，而在色彩的饱和度上有所差别。此时我们可以通过色相滑块修改色彩，以及整体降低色彩的饱和度，使配色更加和谐。

感觉这个功能很适合对个 UI 图标进行批量上色——将多个图标一起导出为一个SVG文件，然后上传到网站选择一个主题色就能实现快速上色，整体风格统也会统一，还可以重新下载为SVG格式，方便后期编辑。

③ 灰度模式 （graytone）

进入灰度模式后，画面中的色彩饱和度会处在一个很低的范围，即使改变色相也只能看出一些细微的变化。可以调节左侧的 TONE VALUE 选项，可以把饱和度调整为零。

除了一些简单的的图标和元素，Color-editor 也可以为画面更加复杂矢量插画进行上色。需要注意上传的插画本身需要有不同的上色的区分，否则网站会无法识别。上色完成后，点击网站右下角的下载按钮就可以将保存文件，网站提供下载 PNG、SVG 和 PDF 三种格式。

好啦以上就是今天的配色神器推荐，喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友。有关本文或设计的问题可以在评论区提出，我会第一时间为回复 ~

推荐阅读：