Media ToolsImage Color Replace
Replace any color in an image with another color using adjustable tolerance. Perfect for icon recoloring, background swaps, and brand color changes.
Click to upload or drag & drop an image
Supports PNG, JPG, WebP, BMP, GIF
Settings
#FFFFFF
#FF0000
30
ExactBroad
Result
Upload an image and select colors to see the result
Related Tools
About Image Color Replace
How It Works
- Upload any image (PNG, JPG, WebP, BMP, or GIF)
- Click "Pick from Image" and tap any pixel to select the source color
- Choose a replacement color using the color picker
- Adjust the tolerance slider to control how broadly similar colors are replaced
- The result updates instantly — download your recolored image
Use Cases
- Recolor icons and vector exports — change brand colors without opening a design tool
- Fix solid-color backgrounds on product photos for e-commerce listings
- Create color variants of logos or UI assets for A/B testing
- Change the color of clothing, vehicles, or objects in photos
- Remove or replace a solid-color background with a different color
Frequently Asked Questions
How does the Image Color Replace tool work?
Upload your image, select the color you want to replace (either by using the color picker or by clicking directly on the image), choose the replacement color, and adjust the tolerance. The tool scans every pixel in the image and replaces pixels whose color is within the tolerance range of the source color with your chosen replacement color. Everything runs in your browser — no files are ever uploaded to a server.
What does the "Tolerance" slider do?
Tolerance controls how broadly similar a pixel's color must be to the source color for it to be replaced. At 0 (Exact), only pixels that exactly match the source color are changed. At 100 (Broad), pixels with any color are replaced. A value between 20–50 works well for most solid-color areas like backgrounds or flat icon fills.
Can I pick the source color directly from the image?
Yes. Click the "Pick from Image" button, then tap any pixel on the result preview. The tool automatically sets the source color to the color of that pixel, so you don't need to manually match a hex code.
What image formats are supported?
You can upload PNG, JPG/JPEG, WebP, BMP, and GIF files. For the output you can choose between PNG (lossless, great for icons and graphics), JPEG (smaller file size for photos), or WebP (modern format with excellent compression and quality).
Will the color replacement affect the image transparency (alpha channel)?
No. The tool only modifies the red, green, and blue (RGB) channels. Pixel transparency (alpha) is preserved exactly, which is important for icons and PNG graphics that rely on transparent backgrounds.
Is this tool suitable for photos with gradients and anti-aliased edges?
The tool works best on flat, solid-color areas such as icon fills, solid backgrounds, and vector-export PNGs. Photographs with gradients or anti-aliased edges will show partial replacement at boundaries because nearby pixels have intermediate colors. Increasing the tolerance expands the replacement area but may also affect unintended nearby colors.
Are my images uploaded to a server or stored anywhere?
No. All processing is done entirely in your browser using the HTML5 Canvas API. Your images never leave your device and are not stored anywhere. You can even use this tool offline once the page has loaded.
Can I replace multiple colors in one pass?
Currently the tool replaces one color per operation. To replace multiple colors, repeat the process: replace the first color and download the result, then re-upload that image and replace the next color.
What is the maximum image size supported?
The tool processes images entirely in-browser using Canvas, so performance depends on your device. Most modern devices handle images up to 4000×4000 pixels without issues. Very large images (above 10 MP) may take a second or two to process but will still work correctly.
Why does the result look slightly different from what I expected?
If the tolerance is set too high, colors adjacent to the target area may also be replaced. Try lowering the tolerance for more precise replacement. If the tolerance is too low, some pixels in the area may be missed — try increasing it slightly. Using the "Pick from Image" feature to sample the exact pixel color often gives the best results.
Can I use this tool to change the color of a logo or icon?
Yes, this is one of the most common uses. Export your icon or logo as a PNG, upload it here, pick the fill color, set a low tolerance (around 10–30 for clean vector exports), choose the new color, and download. This creates a color variant without needing to open a design application.