Recolor an image or SVG

Swap a logo or illustration's colors to match a palette, or grade a photo toward one. Every original color is named, and SVGs are sanitized before anything renders.

How this works

  1. 1 Drop in an SVG or an image; it never leaves your browser.
  2. 2 Map each detected color to a new one, or auto-map to a palette.
  3. 3 Download the recolored file.

Guide

How recolor works, and its limits

An SVG stores its colors as text, which makes it perfect for recoloring: the tool reads every fill, stroke, and gradient stop, names each one with the engine, and lets you assign a new color per slot or auto-map the whole set to your palette by nearest match. Because SVG is vector, the result is exact and stays crisp at any size.

Safety comes first. An SVG can carry scripts and external references, so before yours is ever placed on the page it is sanitized in your browser: scripts, on-event handlers, embedded style blocks, external hrefs, and doctype entities are removed, and the tool tells you what it stripped.

Raster images (PNG, JPG, WebP) are different. There is no list of colors to swap, so the tool finds the image's dominant colors and reassigns every pixel to the nearest one's new value. On flat art and illustrations that is effectively a clean swap; on photographs it behaves like a color grade, not a pixel-perfect replacement. The tool sets that expectation on screen so the result is never a surprise.

Popular colors

Jump to

Type a color name, a hex code, or a tool. Esc closes.

Open this color's page