SVG Color Extractor
Pull every color out of SVG code (fill, stroke, stop-color, gradients). Everything runs on your device — fast, free, and private.
The result will appear here…
or press Ctrl+Enter
Everything runs in your browser. Your data is never sent to our servers.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
<svg><rect fill="#00B8E6"/><circle stroke="red"/></svg>
Example Output
2 found: #00b8e6 #ff0000
How to Use
- 1Enter a color or data in the Input field.
- 2Set "More settings" if needed, then click Run (or Ctrl+Enter).
- 3Copy the result — a swatch is shown next to each value.
About SVG Color Extractor
The SVG Color Extractor collects every color from SVG markup — fill/stroke/stop-color attributes plus values in style — and normalizes them to HEX.
Useful for learning an SVG icon/illustration's palette, or preparing colors for recoloring.
FAQ
Is my data sent to a server?
No. SVG Color Extractor runs entirely in your browser — your data never leaves your device.