Image Color Replacer

How to use

1. 1Drop an image onto the upload area or click to pick a PNG, JPG, WebP, BMP, or GIF (up to 25 MB).
2. 2Click any pixel inside the input preview to set the Source color, or type a hex value directly. Then set the Target color the same way.
3. 3Adjust the Tolerance slider. 0 only matches the exact source color; values around 10 to 25 catch anti-aliased edges; higher values pull in a whole color family. Leave Feather edges on for clean outlines.
4. 4Pick a Replace mode: Replace with target color recolors matched pixels; Make transparent removes them. Use PNG or WebP output to preserve transparency.
5. 5Choose the output format and quality, then click Replace color. Inspect the result and click Download result to save. Tweak any setting and click Re-render with current settings to try again. Your image is not uploaded.

About this tool

Image Color Replacer swaps one color for another inside a raster image. Drop a PNG, JPG, WebP, BMP, or GIF and either type a hex value for the source color or click directly on the preview to sample the pixel you want to target. Pick a target color the same way. A perceptually weighted RGB distance (BT.601 luma weights) decides which nearby shades count as the same color, controlled by a 0 to 100 tolerance slider: 0 only matches the exact source value, small values catch anti-aliased edges and JPEG compression noise, large values pull in a whole color family. Two replace modes cover the two big jobs people search for. Replace with target color paints every matched pixel with the chosen color and is the right tool for recoloring a logo, swapping a brand accent across a screenshot, tinting an illustration, changing a flat background color, or fixing a single color shift in a render. Make transparent sets the alpha of every matched pixel to zero, which is the classic browser background-removal use case for clean flat backgrounds like a white studio shot, a single-color screen-capture canvas, or a printed sheet scanned at uniform exposure. A Feather edges option blends partial matches at the tolerance boundary so anti-aliased outlines stay smooth instead of turning into jagged steps. A Preserve existing alpha toggle decides whether replaced pixels keep their original transparency or are forced to fully opaque. The output canvas paints a soft checkerboard underneath so transparent areas are easy to see in the preview. Export to PNG (lossless and supports transparency), WebP (modern lossy with transparency), JPEG (smaller files but flattens transparency), or Keep original to match the input format. Everything happens locally on a canvas; the image you drop is loaded into a local object URL, getImageData reads the pixel buffer in your tab, the replacement loop runs in pure JavaScript, and the encoded blob is delivered to your browser. Nothing is uploaded.

Free to use. Works in your browser. No signup, no login.