WEBP Color Replacer

Replacing a colour sounds like a search and replace until you try it on a real photograph. No flat subject is ever one exact value: a blue shirt photographed indoors is hundreds of slightly different blues, because light falls unevenly, fabric folds, sensors add noise, and compression nudges every pixel. Matching a single exact value therefore changes a scattering of pixels and leaves the rest untouched, producing speckle rather than a clean swap.

Tolerance is the answer. Instead of asking whether a pixel equals the target, the tool asks how far from it the pixel sits, and changes every pixel inside the distance you allow. Set it low and only near identical pixels are caught, which is right for a flat logo or a solid interface element. Raise it and progressively more distant shades are included, which is what a photographed object needs. Watching the preview while you move the slider is the fastest way to find the point where the subject is covered and nothing else is.

Softness handles the second half of the problem, which is edges. A hard threshold produces a jagged boundary, because pixels just outside the tolerance keep their original colour while their immediate neighbours change, and the eye is very good at spotting that kind of stair stepping. Softness feathers the transition so partially matching pixels receive a partial change, blending the new colour into the old across the boundary. The result reads as a natural edge rather than a cut out shape.

Picking the colour you want is best done from the image itself rather than from memory. The eyedropper samples whatever you click, which sidesteps the common frustration of typing a hex value that looked right in a palette but does not match the shaded reality in the photograph. The replacement can be any colour at all, so a product shot can be shown in every colourway from a single photograph, or a brand change can be applied to a batch of assets without redrawing them.

Two safeguards stop the process from wasting your time. The original is held separately and never overwritten, so every adjustment is measured against the file you actually uploaded rather than against a previous attempt. A reset button returns all controls to their starting values, which makes it safe to push a slider too far just to see what happens. The result updates live, so there is no waiting for a render.

Export is where the format choice matters. The selector starts on PNG, so switch it to WEBP if you want the recoloured image in a compact web friendly format, with the quality slider governing the result. A maximum width field lets you cap the export size, with zero keeping the original dimensions exactly. Everything runs in your browser, so the image you are editing never leaves your device.