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.

Must-know facts

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

Related tools

These color tools pair naturally with the one you just used — keep exploring.

Image ConverterConvert images to PNG, JPG, WebP, AVIF, GIF or SVG.Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Color LibraryBrowse hundreds of named colors with harmonies and palettes.