Replace a color in an image by sampling the source color and choosing a new color or transparency. The editor works best when the color you want to change is distinct from the colors you want to keep.
Source color and replacement color
Use the eyedropper to sample the source color from the image. Sampling is safer than guessing a hex value, especially with screenshots, logos, and product images where anti-aliased edges contain many near-matching pixels.
Choose a replacement color with the color input, or turn on Replace with transparency to remove the matched color instead of recoloring it.
Tolerance, softness, and strength
Tolerance widens the match range around the source color. Low tolerance is best for flat graphics. Higher tolerance is needed for photos, fabric, skies, and shaded objects where the target color has many variations.
Softness feathers the edge of the match. Raise it when the replacement edge looks jagged or cut out. Lower it when a logo or flat icon needs a crisp boundary.
Strength controls how far matched pixels move toward the replacement. Use lower strength for a partial recolor and 100% for a full swap.
Replace color with transparency
Transparency mode lowers alpha for matched pixels. Use it to remove a flat background from a logo, knock out a solid color, or create transparent areas from a selected color range.
Export as PNG or WebP when transparency matters. JPEG cannot store transparent pixels, so it will flatten transparent areas.
Preserve shading
Preserve shading keeps the lightness of the original pixels while changing the hue and saturation. Use it for shirts, product surfaces, shaded objects, and other areas where a flat recolor would erase texture.
Turn it off when the target is a flat icon, solid logo, or shape that should become one exact color.
Multiple color replacement steps
Each replacement is a step. Add steps to change several colors in one pass, such as making a blue logo red and removing a gray background. Steps apply in order, and each step can be toggled, duplicated, moved, or removed while comparing the result.
How the replacement works
For each pixel, the editor measures color distance to the source color. Pixels inside the tolerance range blend toward the replacement by the Strength value, with Softness controlling the falloff near the edge. Preserve shading keeps original lightness, and transparency mode lowers alpha. Preview uses a capped size for responsiveness; download renders the full image dimensions.