1. Home
  2. Image tools
  3. Replace Color in Image

Replace Color in Image

Show a product in another color, update a logo to new brand colors or fix one wrong color in a graphic. Click the color to change and choose the new one.

Free, no sign-up. Runs in your browser: nothing is uploaded.

How to use Replace Color in Image

  1. Drop an image and click the color to replace.
  2. Choose the new color and adjust the tolerance.
  3. Download the recolored image.

Features

  • Eyedropper on the image
  • Perceptual (OKLab) tolerance
  • Keeps shadows and texture
  • Soft transition at the edges

Supported formats

You can open

  • JPG
  • PNG
  • WebP
  • HEIC
  • AVIF
  • TIFF

You get

  • JPG
  • PNG
  • WebP

Private by design

Your files are opened and processed by your browser on this device. They are never uploaded to openWorkstand or anyone else, so the Replace Color in Image is safe for contracts, IDs, photos and work documents. After you have used it once while online, it also works without an internet connection. How local processing works

Good to know

  • Very large files are limited by your device’s memory; on a phone, split huge files into smaller parts first.
  • HEIC photos are decoded on your device, which takes a few seconds each on slower phones.

Guide

Replacing one color in an image while keeping shading and texture

Online shops want to show a product in every color without a new photo shoot. Designers need a logo in a different brand color. Sometimes a single color in a graphic is just wrong. This tool replaces one color with another throughout an image, and it can keep the original shading, so a recolored fabric still shows its folds and a glossy surface keeps its reflections.

Picking the color to replace

Click directly on the picture to pick the color you want to change; the “Replace” swatch updates to it. Pick from a typical area rather than from the brightest highlight or darkest shadow, so the selection centers on the main tone. Then choose the new color in the “With” swatch.

Tolerance: how similar is similar enough

Tolerance is measured as a perceptual color distance in OKLab, a color space where equal distances look equally different to the eye. On its 0–100 scale, a tolerance around 10 catches one flat color and its anti-aliased edge, which is right for logos and flat graphics. Values of 25 to 35 also include the shadows and highlights of a photographed object. Go higher only for strongly lit objects, and watch that similar colors elsewhere in the image are not affected.

Soft edges

The soft edge setting creates a gradual transition between pixels that are fully replaced and pixels that are left alone. Without it, the border of the recolored area can look cut out. A moderate value such as 8 to 15 blends naturally; photographs with smooth gradients may need more.

Keeping shading and texture

With “Keep shading and texture” on, the tool measures how each pixel differs from the color you picked, a bit darker in a fold, a bit lighter in a highlight, and applies the same difference to the new color. A red sweater becomes a blue sweater with the same folds, stitching and shadows. With it off, matching pixels are filled with exactly the new color, which suits flat graphics, icons and illustrations where a uniform color is wanted.

It selects by color, not by object

Every pixel within the tolerance is changed wherever it appears. If a red car sits next to a red sign, both change. Cropping the image to the object first, or lowering the tolerance, avoids surprises. For complex scenes, recolor the product photo on a neutral background before compositing it.

Preview and full-size result

Changes appear immediately on a reduced preview, with a compare switch to see the original. The download processes the full-resolution image. Save as PNG for graphics and transparency, JPG for photos, WebP for websites.

Typical uses

Showing product color variants, changing a logo to match a new brand palette, fixing a wrong color in a chart image, changing a garment color for a mood board, or making a quick seasonal version of a graphic.

Privacy

The image is processed in your browser and never uploaded.

To make one color transparent instead of replacing it, use the Transparent Background Maker. For an overall color cast, try the White Balance Fixer. To find the exact value of a color first, the Image Color Picker shows its HEX and RGB codes.

Checked against the current version of the Replace Color in Image on .

Troubleshooting

The file does not open

Check that it is one of the supported formats above and opens in another app. Damaged files and password-protected PDFs cannot be read until they are repaired or unlocked.

It is slow or stops on a very large file

Everything runs on your device, so speed depends on its memory. Close other tabs, use a computer rather than a phone, or split the file into smaller parts first.

The download did not start

Look for your browser’s download bar or icon. Some browsers ask once before a site may download files; allow it and click the button again.

Frequently asked questions

Why did a color change in places I did not want?

The tool changes every pixel within the tolerance, anywhere in the image. Lower the tolerance, or crop the image to the area you want to recolor first and combine the result later.

How do I change a shirt from red to blue but keep its folds?

Pick the red of the shirt, choose blue, keep “Keep shading and texture” switched on and raise the tolerance until the shadowed folds are included, usually somewhere between 25 and 35.

Why are some parts of the object not recolored?

Shadows and highlights are further from the picked color than the tolerance allows. Raise the tolerance a little at a time, or click a mid-tone part of the object, until the whole area changes without spilling onto the background.

Keep working with the result

After you download, choose “Save to Workstand” to keep the result in a folder on your computer, attach it to a project and create a follow-up task. It is saved by your browser, not uploaded.