Upload or paste an SVG to begin.
Colour replacements
Choose a variable for each literal, or keep its original colour. Hex, named colours, and CSS colour functions are supported.
Automatically choose the closest palette colour by perceptual colour distance, including opacity. You can override any selection below.
No SVG loaded.
Preview
Your SVG preview appears here.
The preview resolves variables using styles.css. To display the exported SVG with these colours, embed it inline in a page that defines the variables. An SVG opened on its own does not inherit the page's CSS.