SVG palette extractor

Open an SVG to list every color it uses, how often, and where.

Drop, paste or choose an SVG

One .svg file, up to 20 MB. It stays in your browser.

Or paste SVG markup

Color	Nearest name	Uses	Used as

CSS variables

Tailwind config

JSON

Next step SVG recolor SVG optimizer SVG editor

More tools

Map an SVG's colors to a new palette.

Color palettes from harmony rules, with lock and export.

WCAG 2.2 contrast ratios, fixes and SVG color pairs.

Shrink SVG files with a before and after preview.