開發者 / SVG 色彩
SVG 顏色變更工具：重新著色並複製SVG
檢查明確指定的SVG顏色及其使用次數，編輯漸層色標和簡易CSS繪圖規則，然後下載SVG或複製其程式碼。
SVG 顏色變更工具：重新著色並複製SVG: 找出fill、stroke、stop-color、color、flood-color和lighting-color屬性、行內樣式及簡易樣式規則中的明確繪圖色彩值。工具會統一處理具名顏色、短格式十六進位色碼、rgb()和hsl()。除非清理程序需要變更，否則替換時會保留來源檔案的其他位元組。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
選擇或拖放SVG
SVG繪圖
SVG填色、描邊和漸層色標會使用色彩值與繪圖伺服器參照。規格：https://www.w3.org/TR/SVG2/painting.html
色彩語法
剖析器支援具名色彩、十六進位值、rgb()、hsl()和currentColor。提供透明度時會予以保留。CSS變數與進階色彩空間不在此工具剖析器的支援範圍內。規格：https://www.w3.org/TR/css-color-4/
使用方式
- 拖放SVG檔案，或貼上SVG標記。
- 使用各個顏色選擇器，或輸入替換顏色；也可以選擇一次重新著色所有色彩標記。
- 比較變更前後的結果，然後下載或複製經過清理的SVG。
隱私與限制
SVG程式碼會留在您的瀏覽器中。預覽會以隔離的圖片呈現，並移除不安全內容及外部資源。
相關工具
常見問題
使用次數統計的是什麼？
統計的是標記中的明確色彩值，不是呈現出的像素數量，也不是套用繼承樣式的元素數量。
支援漸層嗎？
支援。您可以變更漸層色標，不必替換漸層ID或參照。
currentColor的作用是什麼？
當SVG以行內方式嵌入時，currentColor會使用繼承的CSS color值。圖片預覽通常會使用黑色，除非SVG本身有定義color。
每種CSS顏色都會解析嗎？
不會。CSS變數、進階色彩空間、繼承的預設值及選取器計算結果不會解析。工具支援簡易宣告和選取器。
免費工具・使用在瀏覽器中次・免註冊