SVG Color Palette Extractor

See every color an SVG uses at a glance. The extractor scans fill and stroke attributes, inline styles, and gradient stops, deduplicates the results, and presents each unique color as a swatch with its hex code ready to copy.

Features

  • Scans fills, strokes, inline styles, and gradient stops
  • Deduplicates and normalizes colors to hex values
  • Click any swatch to copy its hex code
  • Useful for matching brand colors or building a design system from existing artwork

How it works

  1. Paste SVG code or upload an .svg file.
  2. The palette is extracted instantly and shown as swatches.
  3. Click a swatch to copy the hex code to your clipboard.

Frequently asked questions

Does it detect colors inside gradients?

Yes. Gradient stop colors are included in the extracted palette along with plain fills and strokes.

What color formats are recognized?

Hex values, rgb()/rgba() notation, and named CSS colors used in fills, strokes, and style attributes are all detected and normalized.

All processing happens locally in your browser — your SVG code is never uploaded to a server.