Change WebP Color Online
Change a colour inside a WebP image with tolerance control. Preview live, keep alpha, export WebP or PNG. Free, client-side, instant.
Swap a colour inside a WebP image with a real tolerance slider and live preview. Runs entirely in your browser.
Click to upload or drag and drop
WebP · PNG · JPG — stays on your device
How to Use Change WebP Color Online
- Drop or pick a WebP (or PNG/JPG) into the upload area. The original preview appears as soon as the file decodes.
- Set the target colour using the first colour picker - this is the colour you want to replace.
- Set the replacement colour using the second picker - this is the new colour every matching pixel will become.
- Dial in tolerance: 0 is an exact match (useful for UI icons), 10 catches very close shades, and higher values snap progressively more of the image. The slider re-renders the preview live.
- Choose alpha handling: "Preserve source alpha" keeps transparency intact, while "Force opaque" flattens transparent pixels to 100% alpha.
- Pick the output format - WebP with a quality slider (1-100, default 92) or PNG (lossless; the quality slider hides).
- Copy the image to your clipboard where supported or Download a timestamped file with the correct extension.
Frequently asked questions
Is my WebP uploaded to a server?
No. The entire recolour runs in your browser – decode, pixel scan, re-encode all happen locally. There is no network request for your image.
Can I replace multiple colours at once?
The tool replaces one target per pass. To change several colours, download after the first pass, re-upload the result, and run another replacement.
What does the tolerance slider actually do?
It controls the maximum RGB distance between a pixel and the target colour that still counts as a match. 0 requires an exact hit; higher values include progressively closer shades. The stats line shows how many pixels were matched so you can tune it precisely.
Does the tool preserve the original WebP quality?
No browser exposes the original WebP quality, so the tool re-encodes at the quality you choose (default 92, adjustable 1-100). Pick PNG output for a lossless result.
Can I target transparent pixels?
The colour picker only supports opaque colours, so direct “transparent” targeting is not possible. Use “Force opaque” to flatten alpha first, or export as PNG and edit the alpha channel in a dedicated editor.
Does this work on animated WebP?
Only the first frame is processed. Canvas decodes animated WebP as a still, so the output loses the animation.
Is there a file size limit?
No hard limit. Very large images (over 8000×8000 px) trigger a warning because memory and canvas caps vary by browser. Typical photos recolour in under 120 ms.
How do I undo a change?
Re-upload the original file or click Clear to reset the controls. Every apply replaces the preview – there is no persistent edit history.
Is the tool free?
Yes, completely free. No sign-ups, no watermarks, no rate limits.
Does it work offline?
After the page loads, yes. HTML, CSS, and JS are self-contained, so you can disconnect Wi-Fi and keep recolouring.