矢量插画必备！对本地文件一键配色的神器「Color-editor」 收藏
大家好，这里是和你聊设计的花生~
上次向大家推荐了配色神器 Palettemaker，它最大的特色可以将配色方案自动应用到海报、插画、图案等设计模板上，让用户实时预览配色方案的大致效果。今天再为大家推荐一个我最新发现的配色工具 「 Color-editor 」 ，它允许用户上传自己的文件，并利用预设的配色方案对其进行上色。
拯救配色废！让配色效率暴涨10倍的预览神器 Palettemaker 大家好，这里是设计神器挖掘前线记者花生为您发回的实时报道 ~ 配色一直是我们设计师比较关注的话题，可能大家都收藏了很多个自动生成配色方案的网站，但会发现在网站上看着不错的配色用起来却不太行，没办法就只能再重新找，非常浪费时间。
阅读文章 >
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」里对画面的任意一种颜色进行单独调整，让整体的配色更加和谐。
如何设计B端色彩体系？3个步骤帮你掌握起来！ 编者按：B端设计的色彩体系如何构建？
阅读文章 >
② 单色模式（monochrome）
当进入单色模式后，画面中的颜色就只剩一种颜色，而在色彩的饱和度上有所差别。此时我们可以通过色相滑块修改色彩，以及整体降低色彩的饱和度，使配色更加和谐。
感觉这个功能很适合对个 UI 图标进行批量上色——将多个图标一起导出为一个SVG文件，然后上传到网站选择一个主题色就能实现快速上色，整体风格统也会统一，还可以重新下载为SVG格式，方便后期编辑。
③ 灰度模式 （graytone）
进入灰度模式后，画面中的色彩饱和度会处在一个很低的范围，即使改变色相也只能看出一些细微的变化。可以调节左侧的 TONE VALUE 选项，可以把饱和度调整为零。
除了一些简单的的图标和元素，Color-editor 也可以为画面更加复杂矢量插画进行上色。需要注意上传的插画本身需要有不同的上色的区分，否则网站会无法识别。上色完成后，点击网站右下角的下载按钮就可以将保存文件，网站提供下载 PNG、SVG 和 PDF 三种格式。
好啦以上就是今天的 配色神器 推荐，喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友。有关本文或设计的问题可以在评论区提出，我会第一时间为回复 ~
推荐阅读：
Banner设计保姆级全方位教学！万字干货！ 编者注：Banner设计看似简单，实则囊括了平面设计、设计心理学、用户研究、文案设计等多领域的知识点，本文用1万2千字的超长篇幅，帮你从零开始掌握Banner设计。
阅读文章 >
配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（三） 大家好，我是和你聊设计的花生~ 之前向大家介绍了 PCCS（日本色彩研究所配色体系），它是目前全世界最常用的色彩体系之一，能帮助我们了解色彩要如何使用才更方便，以及如何搭配色彩才更和谐更好看。
阅读文章 >
