How do I recolor an SVG?

Drop your SVG file. Every unique color is detected and listed. Click any color to swap it for one from your palette - the SVG updates live.

Does it work with gradients and patterns?

Solid fills and strokes are fully supported. Gradient stops are detected and editable. CSS-styled fills inside blocks are also supported.

What is the color-blind safety check?

After recoloring, the SVG is rendered through deuteranopia, protanopia, and tritanopia simulations. If two recolored shapes become indistinguishable, you get a warning.

Are my SVG files uploaded to a server?

No. All processing happens in your browser. Files never leave your device.

Recolor SVG & Image

Recolor any artwork, stay color-blind safe

Upload an SVG or raster image, swap each detected color, and ColorUI warns you if the new palette becomes ambiguous for color-blind viewers.

Preview

Upload SVG

Color-blind preview

deuteranopia

protanopia

tritanopia

SVG source

Color mapping

No colors detected in this SVG.

Color-blind safety

Looks distinct across deuteranopia, protanopia, and tritanopia.

Keep exploring

All tools →

Duotone

Remap any image to a two-color duotone.

Open

Contrast Checker

WCAG 2.1 AA / AAA grading with live preview.

Open

Colorblind Simulator

Preview through deuter/prot/tritanopia.

Open