← Zaps Colors
Image Tool

Image Recolor

Change the colors of a photo or SVG. Pick a replacement for each main color, or apply a whole palette, and download the result. Your file stays on your device.

Your SVG with the new colors applied
Loading the demo image…
Drop the image to open it
Colors in this image

Click a swatch to choose a replacement, or type a hex code.

Apply a palette

JPG, PNG, WebP or SVG. You can also drop a file on the picture or paste an image with Ctrl+V (⌘+V on Mac). Nothing is uploaded, the work happens in your browser.

Recolor an image in your browser

Image Recolor changes the colors of a picture while keeping its light and shadow. Open a photo and it finds the five main colors, then you choose what each one should become. Open an SVG and it lists every color in the file so you can swap them one by one. A demo photo is already loaded, so you can try a palette before you upload anything.

How to change the colors of an image

  1. Click Upload image or SVG, drop a file on the picture, or paste a screenshot with Ctrl + V (⌘ + V on Mac).
  2. Find the color you want to change in the list. The small square on the left is the original color, and the larger square next to it is what it will become.
  3. Click the larger square to pick a new color, or type a hex code in the box.
  4. To change everything at once, click one of the palettes or paste your own hex codes and press Apply. Colors are matched by lightness, so the darkest original color gets the darkest color of the palette.
  5. Use Show original to compare, Reset to start over, and Download to save a PNG (photos) or an SVG.

How the recoloring works for photos

The tool groups the pixels of your photo into five clusters and takes the average color of each. When you change one, every pixel in the photo moves toward the new color by the same amount as its nearest cluster, and pixels in between move by a share of each. The math runs in the OKLab color space, where equal steps look equal to the eye, so a pixel that was 10% lighter than the cluster average stays 10% lighter after the change. That is why shading and texture survive. Pixels far from every main color, such as a small bright detail, barely change.

For the cleanest result, choose replacements close in lightness to the originals. Swapping a light color for a dark one changes the mood of the photo, and it can flatten the areas around it.

How the recoloring works for SVGs

An SVG is text, so each color can be replaced exactly. The tool reads the fill, stroke, stop-color and style values in the file, including HEX codes with 3 or 6 digits, rgb() values and basic color names, and lists each color once. Changing a color replaces every use of it. The preview is drawn by your browser as a plain image, which means scripts inside the SVG never run. The tool does not change colors set in an external stylesheet.

Open it with your own palette

Add 3 to 8 hex codes to the address and they load as the new colors, for example /image-recolor?colors=264653,2a9d8f,e9c46a,f4a261,e76f51. Every palette page on Zaps has a link that does this, and you can find more in color palettes.

Image recolor FAQ

How do I change the colors of an image online?

Upload the image on this page, or use the demo that is already loaded. The tool finds the five main colors of a photo and lists them on the right. Click the swatch next to a color to choose a replacement, or apply a whole palette in one click. The picture updates as you go, and Download saves it as a PNG.

How do I recolor an SVG?

Upload the SVG file. The tool lists every fill, stroke and gradient stop color it finds, and you can change each one to an exact hex value. Download saves a new SVG with the same shapes and only those colors replaced. Colors that are set through an external stylesheet or by an image inside the SVG are not changed.

Will the recolored photo still look like a photo?

Mostly yes. Each pixel moves by the same amount as the nearest main color, so highlights, shadows and texture stay in place. A very large change, such as turning a dark blue sky into pale yellow, can look flat in places. Pick replacements with a similar lightness for the most natural result.

Is my image uploaded anywhere?

No. The file is opened and recolored by your browser, so it never leaves your device. You can use it on private photos and unreleased artwork. Closing or reloading the tab clears the image.

What size is the downloaded image?

The preview is a smaller copy so it stays quick. When you press Download, the tool recolors the full image again, up to 4096 pixels on the long side. Larger photos are scaled down to that size. SVG downloads keep their original size because they are vector files.

Can I open this tool with a palette already filled in?

Yes. Add the hex codes to the address, for example /image-recolor?colors=264653,2a9d8f,e9c46a,f4a261,e76f51. It accepts 3 to 8 six-digit hex codes separated by commas. The palette pages on Zaps link here this way.

Related color tools

Now make the post

Zaps edits photos too: AI enhance, filters and clean-up, then templates for posts, carousels and reels.