Change WebP Color
Change a colour inside a WebP image with tolerance control. Preview live, keep alpha, export WebP or PNG. Free, client-side, instant.
- Runs in your browser
- Nothing uploaded
- Free, no sign-up
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
- 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.
Related Tools
Change WebP Opacity →
Change WebP Opacity with a live slider, scale or overwrite the alpha channel, export…
Change WebP Quality →
Change WebP Quality for WebP image at any quality from 1 to 100, with…
Extract WebP Color Palette →
Extract the dominant colour palette from any WebP image - HEX, RGB, HSL, JSON…
Add Text to WEBP →
Add text, captions, or watermarks to your WEBP images directly from your browser. Our…
WEBP Glitch Artifact Generator →
Purposely add heavy WebP compression artifacts to any image imitating the deep-fried meme look…
Add Background to WebP - Fill Transparent Areas →
Add solid color backgrounds to transparent WEBP images. Choose any color, preview in real-time.…
Add Border to WebP - Frame Your Image →
Add customizable borders to WEBP images with adjustable width and color. Preview in real-time.…
Analyze WebP Images →
Analyze WebP Images. Inspect dimensions, compression type, transparency, animation, and EXIF metadata in WebP…
Blur WebP Image →
Blur any WebP image in your browser. Free, offline, client-side - instant preview, secure,…
Compress WebP →
Compress WebP images in the browser - adjust quality and resize without re-encoding to…
Base64 to WebP Decoder →
Decode Base64 to WebP image - preview, copy, download. Detects declared vs actual format.…
Convert Hex to WebP →
Reconstruct WebP images directly from raw hexadecimal text dumps offline. Free secure browser tool.