選單

Nira 線上更改 SVG 向量圖顏色,自動產生各種調色盤配色組合

Nira 線上更改 SVG 向量圖顏色,自動產生各種調色盤配色組合

SVG 是可縮放向量圖形(Scalable Vector Graphics)縮寫,也是 XML 格式的一種,以普通文字檔案描述二維向量圖的圖形格式,因為檔案小、可縮放等特性也被使用於網頁中。之前曾經介紹過幾個線上調整素材顏色的免費圖庫工具,都能讓使用者透過瀏覽器調整圖庫的插圖顏色:

本文要介紹「Nira」是一個調整 SVG 向量圖顏色的線上工具,只要將 SVG 檔案上傳即可依照喜好變更顏色,無需額外下載或安裝軟體,Nira 會依照使用者上傳的檔案自動產生調色盤,除了可變更不同位置的顏色(透過調色盤),也能透過工具產生的顏色批次調整配色,包括單色切換、互補色或三色,線上預覽變更後的 SVG 圖形然後下載保存。

Nira 特色是很方便,只要將 SVG 檔案上傳就能進行顏色編輯,不過限制單一檔案不超過 500kb 大小,對於一般插圖或圖示來說應該很夠用,如果想要即時變更 SVG 素材顏色只要打開 Nira 網站就能做到。

Nira
https://nira-app.com/

使用教學

STEP 1

開啟 Nira 網站後將 SVG 檔案拖曳到右側虛線框上傳就能開始使用。

Nira

STEP 2

依照使用者上傳的 SVG 檔案會自動辨識出各種顏色色碼,底下有調色盤提供各種配色建議。

Nira

將滑鼠游標移動到左側調色盤的特定顏色後,右側的 SVG 檔案會以淺藍色標示出該顏色範圍。

Nira

STEP 3

點選要變更的顏色後會跳出調色盤工具,透過選擇顏色或輸入色碼方式帶入顏色。

Nira

STEP 4

比較特別的是 Nira 會產生各種調色盤(pallettes),可選擇單色、互補色或三色組合,就能快速將使用者上傳的 SVG 圖片素材轉換為完全不同的配色組合,如果不喜歡只要點選右上角 Reset 即可重新設定配色組合。

Nira

STEP 5

最後調整完顏色組合,點選右上角的「Download」將圖片下載為 SVG 格式。

Nira

值得一試的三個理由:

  1. 線上變更 SVG 向量圖顏色,將檔案上傳以調色盤選色
  2. 無需下載安裝軟體或應用程式,支援 SVG 單檔 500kb 以內
  3. 自動產生各種配色組合,將素材快速轉為不同風格
分享本文