Image Color Replace
Swap one color for another in any image — with adjustable tolerance, pick-from-canvas, and alpha preservation. Runs in your browser.
Drop an image to swap a color
JPG, PNG, WebP — never uploaded
How to replace a color in an image
Drop the image. Pick the From color (use the color picker, type a HEX, or click 🎯 Pick from image to grab it from a pixel). Pick the To color. Adjust the tolerance — higher values match more pixels around the From color, lower values require near-exact matches. The canvas updates live as you tune. Click Download as PNG when the result looks right.
Why a local recolor tool matters
Color edits are usually done on private material — brand assets, customer-supplied photos, internal UI mockups, pre-launch creative. Uploading those to a third-party recolor service is a needless leak. ToolChop runs the swap entirely in your browser, so the image never leaves your device.
Tolerance tips
- 0 — exact match only. Sharp edges, posterized look. Best when the source color is a single flat pixel value (icon, logo).
- 20–40 — catches anti-aliasing variants at the color boundary. Smoother result. Default for most logos.
- 40–80 — soft match. Captures gradient-ish areas. Useful for photos.
- 100+ — broad match. Captures the entire 'reddish' family of pixels. Use for stylized recolors.
What you can do
- Replace any color with any other color, in any image
- Pick the From color via HEX, color picker, or click-on-canvas
- Adjustable color-distance tolerance for soft vs sharp matches
- Preserve alpha so semi-transparent regions stay semi-transparent
- Lossless PNG output
Frequently asked questions
How do I replace one color with another in an image online?
Drop your image, set the From color (use the picker, type a HEX, or click 'Pick from image' to grab it from a pixel), set the To color, and adjust the tolerance slider. The canvas previews the change live. Click Download as PNG to save the result. No account, no upload, no daily limit.
Does ToolChop upload my image?
No. The image is decoded into a canvas in your browser and the color swap runs locally on the pixel buffer. The file never leaves your device — useful when you are tweaking a brand asset, an internal mockup, a customer-supplied photo, or anything not for public consumption.
Why is the privacy story important for image color editing?
Color edits are usually done on brand assets, internal UI mockups, customer-supplied product photos, or pre-launch creative material. Uploading those to a third-party recolor tool is a needless leak. ToolChop runs the swap entirely in your browser so the source stays on your machine.
What does the tolerance slider do?
It is the maximum Euclidean RGB distance between a pixel and the From color for that pixel to count as a match. 0 means only exact matches are replaced (sharp edges, posterized look). 20–40 catches mild anti-aliasing variants. 80+ replaces a broad color range (e.g. all 'reddish' pixels). Watch the live preview to find the right value.
How do I pick the From color from the image itself?
Click '🎯 Pick from image' and then click any pixel on the canvas. ToolChop reads that pixel's color (from the original, before any replacement) and fills it into the From color picker. This is how you grab the exact brand color you want to replace.
What does 'Preserve alpha' do?
When on, the alpha (transparency) of each replaced pixel is kept exactly as it was — so a semi-transparent red dot becomes a semi-transparent blue dot. When off, replaced pixels become fully opaque, which can be useful if you are flattening a logo for use on a solid background.
Why are the edges of the replaced region soft / pixelated?
Anti-aliasing at color boundaries means there are pixels that are partially-the-source-color and partially-the-background. Tolerance 0 leaves those untouched (sharp, banded result); tolerance 30–50 catches them (smooth, blended result). For best results on logos, start at 30 and adjust.
Can I replace transparent pixels?
Transparency does not have an RGB color, so transparent pixels do not match a From color. If you want to fill transparent areas with a color, that's a different operation — use an image editor to flatten with a background color first.
Does it work for replacing 'white' with another color?
Yes — that is the most common use. Drop a logo or sketch with a white background, set From to #FFFFFF, set To to your brand color, and the background becomes that color. Tune tolerance to catch off-white anti-aliasing.
Why are some near-but-not-identical colors not replaced?
The tolerance was too low for that color. The replacement uses RGB Euclidean distance — a value of 40 means pixels within ~40 in combined RGB distance match. Raise the tolerance or use the 'Pick from image' option to grab the actual color of the variant pixel.
What format is the output?
PNG — lossless and supports the preserved alpha channel. If you want JPEG output (smaller file but no alpha), run the PNG through our Compress Image afterwards.
Why use ToolChop instead of an online recolor tool that uploads my image?
Privacy and speed. Brand assets, customer photos, and internal mockups should not casually be sent to third-party servers. ToolChop runs entirely in your browser — the swap is instant, the file never leaves your device, and you can verify in DevTools → Network that no request fires.