Skip to content
useToolz online tools

Замена цвета на фото онлайн

Sign in or register to save tools to favorites

Загрузите изображение, выберите исходный и новый цвет, настройте допуск и нажмите «Заменить цвет».

Eyedropper — нажмите иконку пипетки и кликните на нужный пиксель на изображении, чтобы взять цвет точно.

Tolerance — чем выше значение, тем больше оттенков заменяется. Значение 1–10% — точная замена, 30–60% — широкий диапазон близких цветов.

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.

Вся обработка происходит на стороне браузера через Canvas API — файл не покидает ваше устройство.

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. Подробнее

Upscaled image
Download

Log in to continue

or