Tools
Recolor an SVG
Paste an SVG, pick a target color, and see the result update live.
How to recolor
- Paste your SVG.
- Pick the target color.
- Optionally limit to a specific "from" color.
- Copy or download the result.
About recoloring
The recolor tool rewrites fill and stroke attributes across the file. It leaves fill="none" alone so shapes remain hollow if that was their design.
Frequently asked questions
Will gradients be recolored?
Only gradient stops expressed via fill/stroke attributes. Gradient definitions inside <defs> are preserved.
What color formats are accepted?
Any CSS color that your browser understands: hex, rgb(), hsl(), named colors.
Can I revert?
Use your browser back button or re-paste the original source.