SVG Colour Editor
Upload or paste an SVG, see every fill and stroke colour it uses with an element count, then recolour each one — or swap the whole palette in a click. Copy or download the edited SVG. Nothing is uploaded.
Load an SVG
Drag and drop a .svg file here, or
About this tool
The editor parses your SVG with the browser's own XML parser, walks every element, and resolves fill, stroke, stop-color and inline style declarations to a single #RRGGBB value — so red, #f00 and rgb(255,0,0) are recognised as one colour and counted together.
Rewrites are applied to the markup itself, including simple <style> rules, and the preview re-renders after every change. Values like none, currentColor and url(#…) references are left alone. Everything happens locally in your browser.
- 100% free — no account needed
- Runs in your browser
- Nothing is uploaded
Frequently asked questions
Is SVG Colour Editor really free?
Yes. SVG Colour Editor is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.
Does SVG Colour Editor upload my data?
No. SVG Colour Editor runs entirely inside your browser, so anything you type, paste, or open stays on your own device.
Do I need to sign up or install anything?
Neither. There is no account and nothing to download — open the page and SVG Colour Editor is ready to use on desktop or mobile.
Does SVG Colour Editor work offline?
Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.
More design & visual
CSS Gradient Generator
Create linear CSS gradients with a live preview.
CSS Box Shadow Generator
Build and preview CSS box-shadow values with one-click copy.
CSS Glassmorphism Generator
Generate frosted-glass CSS with backdrop blur and copy-ready styles.
QR Code Generator
Generate custom QR codes for any text or URL.
WiFi QR Code Generator
Generate a scannable QR code to share WiFi credentials instantly.
Letter Profile Picture
Generate avatar images from initials with custom colors.