SVG Color Layers

Flatten matched colors, export one layer per color
by Medo Ismail Guide

Drop an SVG here

Every shape is grouped by its color, then each color becomes its own downloadable layer. Built for large files, nothing is parsed into a DOM.

Or paste SVG markup anywhere on the page.

  • One layer per color. Every fill and stroke color in the file becomes its own SVG, on the original canvas, so the set stays in register for screen printing, vinyl cutting and laser work.
  • Each color flattened into one path. Ancestor transforms are baked in, so four hundred shapes of the same red become a single object you can select and recolor at once.
  • Lossless optimizer. Comments, editor metadata and unused defs are stripped and path data is rewritten shorter. Geometry never changes.
  • Nothing is uploaded. The file is parsed in your browser, which is also why a 30MB artwork opens in under a second.

New to color separation? Read the guide to splitting an SVG by color.

Made with in Cairo by Medo Ismail