Web Tools tools.bryantsmith.com

Images & SVG

SVG Color Replacer

Paste or upload an SVG to discover every fill and stroke color, then swap individual colors and watch the preview update instantly. Your artwork never leaves the browser.

Runs in your browser v1.0.0

SVG source

paste or upload

Detects fill, stroke, stop-color and inline style colors in SVG markup. Scripts never run.

Live preview

updates instantly

Paste or upload an SVG to preview it.

Detected colors

0

Change a color with the picker or type a hex, rgb() or named color to replace every matching fill, stroke, gradient stop and inline style.

Output SVG copy manually if needed

How it works

Colors are read from SVG presentation attributes and inline styles, normalized so #fff, #ffffff and white count as one color. Replacements are applied as plain text, so the rest of your markup is untouched. The preview is rendered through an image data URL, which means embedded scripts and event handlers cannot execute. Nothing is uploaded anywhere.

Related tools

  • Base64 Image ConverterConvert an image to a Base64 data URI or decode a data URI back into a downloadable image — all in your browser.
  • Favicon GeneratorTurn one source image into favicon.ico, PNG icons, a web app manifest and copy-ready HTML link tags — entirely in your browser.
  • Image CompressorCompress images in your browser with a live before/after quality comparison and instant size savings.
  • Image CropperCrop images in your browser with freeform handles, exact pixel fields, or common aspect ratio presets.
  • Image Dimension InspectorDrop in an image to instantly read its dimensions, aspect ratio, file size, MIME type, and metadata — all in your browser.
  • Image Format ConverterConvert images between PNG, JPEG and WebP in your browser, with quality and resize controls and nothing uploaded.

More Images & SVG tools