Drop an SVG to recolour
Change single colours, shift all of them at once, or turn an icon into one colour or currentColor.
About this tool
Change the colours of an SVG without opening a design tool. Every fill, stroke and gradient stop is listed; replace any of them exactly, or shift all of them at once in hue, lightness and saturation.
Shifts happen in OKLCH, a colour space that matches how we see brightness, so a palette stays balanced when you rotate its hue or lighten it. Colours pushed outside what screens can show are brought back in while keeping their lightness.
Turn an icon into a single colour, or into currentColor so it follows the text colour of the page it sits on. Only colour values change; the rest of the file stays as it was.
Why doesn’t a colour show up in the list?
Colours set by outside CSS, CSS variables or currentColor aren’t part of the file’s own colours, so there is nothing to replace.