Skip to content
useToolz online tools

Replace Color in Photo Online

Sign in or register to save tools to favorites

In rubles Pay via SBP No VPN Credits never expire First generation free

Upload an image, pick the source and new color, adjust the tolerance and click «Replace color».

Eyedropper — click the eyedropper icon and click the pixel on the image to pick the exact color.

Tolerance — the higher the value, the more shades are replaced. 1–10% is a precise replacement, 30–60% covers a wide range of similar colors.

Use the before/after slider for visual comparison of the replacement result.

Download the result in PNG, JPEG, or WebP — each shows the file size.

All processing happens in the browser via the Canvas API — the file never leaves your device.

Change Color in Photo Online — Free Color Replacement

Change color in photos online: replace one color with another in any image — free and without installing software. Upload a picture, pick the source and target colors, adjust tolerance — result in seconds.

How color replacement works

The tool analyzes each pixel of the image and compares its color to the source (target) color. If the distance between colors in RGB space does not exceed the specified tolerance, the pixel is replaced with the new color using smooth blending.

All processing is done in the browser via Canvas API — the image is never sent to a server. This guarantees privacy and instant results.

Eyedropper tool

The eyedropper button next to the "Source color" field activates color capture mode. In this mode:

  • A magnifying loupe appears, showing pixels under the cursor
  • The HEX code of the pixel under the center marker is displayed at the bottom of the loupe
  • Clicking on the image automatically sets that color in the "Source color" field

Tolerance settings

ToleranceResultWhen to use
1–5%Exact color match onlyFlat fill images (icons, logos)
10–20%Close shades of the same colorGradients, light shadows
25–40%Wide range of similar colorsPhotos with lighting, anti-aliasing
50–70%Most colors of a given hueUniform backgrounds with noise
80–100%Aggressive replacementRarely — unwanted replacements possible

Replacement algorithm

For each pixel, the Euclidean distance in RGB is calculated:

dist = sqrt((R-Rtarget)² + (G-Gtarget)² + (B-Btarget)²)

If dist ≤ tolerance × 2.55, the pixel is blended with a smooth ratio:

ratio = 1 - dist / maxDist
new_channel = old_channel + (target_channel - old_channel) × ratio

Use cases

  • Logo restyling — replace brand color for A/B testing or dark theme adaptation
  • Background removal — chroma key effect with low tolerance on solid backgrounds
  • UI color correction — change button and element colors on mockups without an editor
  • Product personalization — show a product in different color variations
  • Artifact correction — replace unwanted color patches in photos

FAQ

Is transparency (alpha channel) preserved? Yes. Transparent pixels are not affected — only RGB components of pixels with opacity > 0 are replaced.

Can I replace multiple colors at once? No, the tool works with one color pair per operation. Apply the operation sequentially for multiple replacements.

What format is the result downloaded in? Always PNG — this preserves transparency and avoids JPEG compression artifacts.

See also: Image Compression · Image Resize · Color Picker · Color Contrast

We use cookies for site operation and analytics. Learn more

Upscaled image
Download

Log in to continue

or

Continue now — 50 ₽
30 credits · pay by email, no sign-up · credits never expire
or for free
Sign up — 10 free credits
That's 2 free images. No subscription, credits never expire.
or

Pay without signing up

credits for ₽. Email is needed for the receipt and access to your purchase.

Credits never expire. Already have an account? Log in