SVGKit
← Browse all toolsSVG Color Inspector

SVG Color Inspector

View

Find explicit SVG color values and count their source occurrences.

Loading...

Page context

Where SVG Color Inspector fits

SVG Color Inspector finds explicit SVG color values and counts their source occurrences.

Detected colors

The inspector detects common hex, rgb, hsl, named colors, currentColor, and transparent values in SVG source.

Use cases

Use it for design audits, theme conversion, palette extraction, and checking whether an icon is ready for currentColor styling.

Read-only diagnostics, computed locally your document Report elements · bytes · viewBox · ids exactly as parsed — nothing uploaded Diagnostics, not verdicts: judge findings where the SVG ships.
SVG Color Inspector reports metrics exactly as parsed in your browser — diagnostics to act on, not verdicts.
A document flowing into a metrics report with element, byte, and viewBox counts, illustrating the read-only diagnostics SVG Color Inspector provides.

What the inspector reports

SVG Color Inspector reads the document locally and reports the metrics relevant to this view — structure, values, and counts exactly as they exist in the file.

Reading the results

Treat the output as diagnostics rather than verdicts. Numbers describe the file; whether they matter depends on where the SVG ships and how it is consumed.

When the findings matter

They matter most at handoff: before publishing, before optimizing, and when a file from an unknown source needs a quick structural look.

Privacy

Inspection runs locally in your browser. The document is analyzed in the page and never uploaded.

How to use

  1. Paste SVG. Paste SVG markup with fills, strokes, styles, or gradients.
  2. Inspect colors. Review detected color values and occurrences.
  3. Copy report. Copy the JSON report for audits or token work.

Frequently asked questions

Does this replace colors?
No. It reports colors. Use SVG Recolor / Theme to replace fixed colors with currentColor.
Does it include gradients?
Yes. Color stops are detected when their color values appear in the SVG source.
Does it parse external CSS?
No. It inspects the SVG text you paste.
Is SVG Color Inspector free?
Yes. SVGKit tools are free to use with no account required.
Does SVG Color Inspector upload my files?
No. The tool runs entirely in your browser, so your files never leave your device.
How accurate are the results?
They reflect the document exactly as parsed in your browser — the same engine that renders it.
Does it fix anything?
No. Inspection is read-only; pair it with the matching editor or optimizer tool to act on what you find.
Does it work on minified files?
Yes. Formatting does not affect parsing, so compact and pretty-printed files report the same.