Which color formats are detected?

Hex codes (#rgb, #rrggbb, #rrggbbaa) and rgb()/rgba() values.

Can I download the recolored SVG?

Yes — use the “Download .svg” button to save the updated file.

SVG Recolor

Paste or upload an SVG, tweak each detected color, and copy or download the recolored file — all in your browser.

SVG source

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 140" width="220" height="140">
  <rect x="10" y="10" width="90" height="120" rx="14" fill="#7c3aed"/>
  <circle cx="140" cy="50" r="34" fill="#ec4899"/>
  <path d="M108 132 L172 132 L140 94 Z" fill="#f59e0b"/>
  <rect x="168" y="84" width="42" height="42" rx="10" fill="#06b6d4"/>
</svg>

Preview

4 colors detected

Colors used (4)

#06b6d41×
#7c3aed1×
#ec48991×
#f59e0b1×

An SVG recolor tool detects every fill and stroke color in a vector graphic and lets you swap them without editing the code by hand.

Frequently asked questions

Upload or paste an SVG. The tool lists every detected color, and you can pick a replacement for each one.

Good to know

Gradient references like url(#id) are skipped automatically.
“Shuffle colors” applies a random palette across all detected colors at once.

Tools that pair with SVG Recolor

SVG Recolor is one of 33 single-page tools in this workspace. These are the ones that carry the job on — the color value moves between them, so nothing gets retyped or re-uploaded.

Image ConverterConvert images to PNG, JPG, WebP, AVIF, GIF or SVG.Image Palette GeneratorExtract a full color palette from an image.Photo EditorAdjust, filter and export a photo without uploading it.