Swap any hex, RGB, or named color across your entire SVG in one operation. Perfect for rebranding, theme switching, and design system color updates.
Requires a Pro subscription. Free tier users see the tool but processing is gated.
Tool locked — preview only
Up to 50 MB per file · batch up to 20 files · API + MCP access
Up to 2 GB per file · unlimited batch · runner acceleration · priority MCP
Upload your SVG and enter the source color and replacement color
The tool scans all fill, stroke, stop-color, and flood-color attributes
Download the recolored SVG with every instance updated
0 bytes uploaded. Global Hex Swapper runs entirely in your browser using the DOM API and Canvas. Your SVGs never leave your device.
Yes. The tool checks both attribute values (fill='#ff0000') and inline style properties (style='fill:#ff0000') for complete coverage.
Yes — add multiple color pairs in the batch editor. Each source→target color mapping is applied in sequence.
Yes. Both 3-digit (#rgb) and 6-digit (#rrggbb) hex formats are matched and replaced. Named colors like 'red' and 'blue' are also supported.
Replace hardcoded hex colors in SVG with CSS custom properties like var(--color-primary). Makes your SVGs dynamically themeable via CSS without modifying the SVG.
Open toolReplace hardcoded fill and stroke colors in SVG with Tailwind's currentColor (fill-current) and text-* color classes. Makes icons theme-aware and Tailwind-ready.
Open toolTransform colorful SVG icons and illustrations to a single fill color or grayscale. Essential for print production, accessibility testing, and design system unification.
Open tool