Image Color Replacer

How the color replacer works

The tool reads the uploaded image onto an offscreen canvas and inspects its raw pixel data via the Canvas ImageDataAPI. For every pixel, it measures the Euclidean distance between that pixel's RGB value and your chosen source color. Pixels within the tolerance radius are swapped for the target color, and pixels just outside it are blended proportionally so edges stay smooth instead of jagged.

Use the eyedropper to click directly on the preview and sample an exact source color from the image, rather than guessing a hex value. Raising the tolerance slider widens the net to also catch anti-aliased pixels and close shades around the source color — useful for photos where a "solid" color actually varies slightly pixel to pixel.

Everything runs locally in your browser with the Canvas API — the image is never uploaded to a server. For extracting a palette instead of replacing a color, try the Color Palette from Image tool, or use the Color Converter to translate the hex values you find into RGB, HSL, and more.