矢量插畫必備！對本地文件一鍵配色的神器「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 三種格式。

好啦以上就是今天的配色神器推薦，喜歡本期推薦的話記得點贊收藏，也可以轉發給身邊有需要朋友。有關本文或設計的問題可以在評論區提出，我會第一時間為回復 ~

推薦閱讀：