SVGカラー一括変換器
SVGアイコンコード内のfillおよびstroke色を、指定したカラーにワンクリックで一括変更
SVGタグ内の色の属性を検索し、お好みのテーマカラーへ安全に一括置換します。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- SVGのコードを入力します。
- 変更したい新しい塗りつぶし色や線色を選びます。
- プレビューを確認後、更新されたSVGをダウンロードします。
よくある質問
- インライン以外の<style>で定義された色も変わりますか？
- いいえ、本ツールはタグのfill/stroke属性値を対象に置換します。
- style="fill:#000" のようにCSSスタイルとして色が指定されているSVGも変更できますか?
- このツールはfillとstroke「属性」を基準に色を置き換えるため、style属性の中にCSS宣言として書かれた色は認識できません。その場合はstyle="fill:#000"の部分をfill="#000"のような通常の属性に書き換えてから変換すれば、正しく適用されます。
- style="fill:#000" のようにCSSスタイルとして色が指定されているSVGも変更できますか?
- このツールはfillとstroke「属性」を基準に色を置き換えるため、style属性の中にCSS宣言として書かれた色は認識できません。その場合はstyle="fill:#000"の部分をfill="#000"のような通常の属性に書き換えてから変換すれば、正しく適用されます。