Image Color Replace
Swap one color for another in any image — with adjustable tolerance, pick-from-canvas, and alpha preservation. Runs in your browser.
Pixel-level color replacement works by comparing every pixel in an image to a target color and swapping those that fall within a configurable distance threshold. The distance is measured as Euclidean distance in RGB space: a pixel nearly identical to the target color has a small distance; a contrasting color has a large one. Setting tolerance to zero replaces only exact matches — posterized edges, useful for flat icons. A tolerance of 20–40 catches the anti-aliasing pixels at color boundaries for a smooth, natural-looking result.
The practical applications are wider than they first appear. Brand teams use color replacement to preview a logo in an alternate colorway before committing to a Figma revision. Web developers swap the white cut-out background of a product photo for a brand color. Illustrators quickly change the color of a prop, garment, or background element. Designers testing dark-mode variants flip a UI screenshot's key colors. The click-to-pick eyedropper is especially useful here — because product photos and logos contain near-but-not-identical tints of a color, sampling the actual pixel gives you the correct From value rather than guessing a HEX.
Use the color picker to identify the precise HEX values in your image before starting, and check the image palette to see the full distribution of dominant colors.
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.