Date 2025-12-10 16:33:29
大家好，这是花生的设计~
上次我向你推荐配色神器 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端设计的色彩体系？
阅读文章 >② 单色模式（monochrome）
当进入单色模式时，图片中只剩下一种颜色，颜色饱和度也有所不同。此时，我们可以通过色相滑块修改颜色，并减少整体颜色饱和度，使颜色匹配更加和谐。
感觉这个功能非常适合个人 UI 图标批量着色——将多个图标导出为SVG文件，然后上传到网站，选择主题颜色，实现快速着色，整体风格统一，可重新下载为SVG格式，方便后期编辑。
③ 灰度模式 （graytone）
进入灰度模式后，图片中的色彩饱和度将处于非常低的范围，即使颜色相位发生变化，也只能看到一些细微的变化。左侧可以调整 TONE VALUE 饱和度可以调整为零。
除了一些简单的图标和元素，Color-editor 也可以为图片更复杂的矢量插图着色。需要注意的是，上传的插图本身需要有不同的着色区别，否则网站将无法识别。着色完成后，单击网站右下角的下载按钮下载保存文件，网站提供下载 PNG、SVG 和 PDF 三种格式。
好了，以上是今天的配色神器推荐。如果你喜欢这个推荐，记得喜欢收藏，也可以转发给有需要的朋友。本文或设计可在评论区提出，我会尽快回复 ~
推荐阅读：
编者按：横幅设计看似简单，但实际上涵盖了平面设计、设计心理学、用户研究、文案设计等多个领域的知识点。本文使用12000字的超长空间，帮助您从头开始掌握横幅设计。
阅读文章 >大家好，我和你谈花生的设计~我以前介绍过你 PCCS(日本色彩研究所配色系统)是世界上最常用的颜色系统之一，可以帮助我们了解如何使用颜色更方便，如何搭配颜色更和谐美观。
阅读文章 >