SVG Colour Separator
SVG Colour Separator, free and online. Convert Image to Separations and get colour separations. Runs in your browser: nothing uploaded, no sign-up.
Works with: screen press · DTF printer · RIP software · heat press
Drop several files at once to convert the whole folder in one pass. Got a different format? A PNG, JPG, HEIC, PDF, SVG or DXF still comes out as Separations.
× removes a colour and its shapes; click a swatch to change it. Every format follows.
- Runs in this tab
- No sign-up
- Full resolution out
Batch
Every file is traced on its own at its own resolution, with the settings in the panel. A file converted here comes out identical to the same file converted by itself.
Every format
Conversion settings
Trace settings
Full-colour trace for print and web.
Fine-tune
Raise it to clear dust, grain and stray dots; 0 keeps every mark.
Untick for pixel art: the outline then follows every pixel edge.
With Remove background: how close a colour must be to the background to go with it.
Machine output
Height follows the source aspect ratio.
Laser and Router follow the traced outlines. Engrave photo burns the picture itself, line by line, for photos and portraits.
Heat transfer vinyl is pressed face down, so it has to be cut mirrored. The second box is the overcut in millimetres: a drag knife starts each shape pointing the wrong way, and running past the start covers that stretch properly so the piece weeds out clean.
Beam or bit width. Left at zero the tool runs down the centre of the line, so a part finishes one tool width undersize. Set it and the path is offset by half, with holes offset the opposite way.
Holes before the part that holds them, so nothing comes loose while there is still cutting to do. Also shortens the travel between cuts.
See it on your product
Put this artwork on a 3D mug, tumbler, sign, phone case or canvas, turn it all the way round, or drop it onto a photograph of your own blank. The preview page has the product picker, the colours and the placement controls.
Open the preview and renderHow it works
Upload the artwork
Colour art for separations; a transparent PNG for an underbase.
Set the choke or offset
In real millimetres, not pixels, the press does not care about your image resolution.
Download the set
One file per ink, with registration marks in identical positions on every film.
SVG colour separator: split and change SVG colours online
An SVG colour separator online free: every colour in the SVG becomes its own layer, ready to cut in a separate vinyl colour or burn to a separate screen. It is SVG colour separator free of sign-up, and runs in the browser.
Change SVG color online in the same step: pick any separated colour and give it a new one (SVG color change without opening Illustrator). Start from a picture with the free color SVG converter: PNG to SVG traces in colour, PNG to SVG color layers and all, then separate here.
How to change SVG image color in CSS
For an inline SVG, set <code>fill: currentColor</code> on its paths and change the element's <code>color</code>; or target a path with a class: <code>.logo path { fill: #e11d48; }</code>. An SVG shown in an <code>img</code> tag cannot be restyled by the page's CSS: change the colour in the file instead, which is what this tool does.
Why it matters
Registration marks that actually register
Marks are drawn at identical coordinates on every separation, outside the artwork bounds. That is the whole point of them, and it is what a separation exported layer-by-layer from a design tool usually gets wrong.
Underbase choked, never spread
The white layer sits inside the colour art. Match the artwork exactly and any registration drift on press shows as a white halo, the most common DTF complaint.
Real millimetres
Chokes and offsets are specified in millimetres and resolved against your stated output size, so a 0.4mm choke is 0.4mm on the garment.
Holes preserved
Counters and windows stay open through the offset, so an underbase does not fill in the middle of an "O".
Questions
How much choke should I use?
Between 0.3mm and 0.6mm covers most DTF and screen work. More on stretchy fabric, less on a rigid substrate.
Why is my underbase smaller than my art?
Deliberately. It is choked inward so registration drift does not reveal white at the edges.
Can I get black-and-white films?
Yes. Separations can be output as solid black, which is what film output for screen exposure needs.
Reading on Separations and machine files
Image to Separations: here, by hand, or on a server
| Veconvert | Illustrator, by hand | A paid vectorizer | |
|---|---|---|---|
| What it costs | Free preview; one file for $3.49 as a guest ($3.99 for technical files), $6.50 in bulk | $23 a month | $8–15 a month |
| How long it takes | Seconds | 30–60 minutes by hand | Seconds |
| Skill needed | None. Drop the file | You have to be able to draw | None |
| Where your file goes | Nowhere. It stays in this tab | Stays on your machine | Uploaded to a server |
| Separations with real units | Yes | Yes, with setup | Usually pixels |
| Machine files too | DXF, G-code, PLT, STL from the same trace | Separate export each time | Rarely |
More converters and tools
Ready to convert your Image?
Free, unlimited, no account, and nothing leaves this tab.
Convert a Image now