Color Replace

You point at a color channel in a raster file, name the replacement, then let distance math decide which pixels move. The workspace below keeps decoding plus painting on your machine, which matters when the asset is a product shot or a UI mock you do not want logged on a remote drive.

Brand teams fight the wrong battle when they rebuild an entire mock because one accent red shifted during export. A selective swap targets the offending RGB cluster while leaving skin tones, shadows, plus typography alone, provided you respect how fuzzy the boundary is.

Why tolerance steals the show

Zero tolerance equals surgical strikes: only pixels matching the source hex flip. Real photos rarely cooperate. Compression, lighting, plus anti-aliasing smear a logo edge across dozens of near matches. Slide the width up and the tool includes neighbors inside a distance sphere inside RGB space. Slide down when you need a crisp icon on flat fill.

We treat high tolerance like a wide brush: you might recolor hair highlights or pavement if they sit close to your source in RGB. Always flip back to the Source segment to confirm nothing else drifted.

RGB distance in one breath

Each pixel becomes a point in three dimensions. The tool measures straight-line distance between the pixel plus your source color. Inside the allowed radius, pixels blend toward the target so halos look less mechanical than a hard cutout.

Source swatch
The color you want gone or reduced. Use Eyedropper while viewing the Source canvas so you grab the untouched value.
Target swatch
The destination mix. Opacity from the original file passes through unchanged.
Match width
Scales how many neighboring tones join the party. Think single hex versus a small cloud.

Low versus wide match width

Setting moodWhat you usually seeRisk
NarrowSharp graphics, flat UI captures, single-ink logosLeftover fringe pixels if compression softened edges
WideSoft gradients, painted backgrounds, noisy photosUnrelated areas shift when they share the same RGB neighborhood

What this workspace refuses to do

Vectors such as raw SVG markup stay outside scope until you rasterize them elsewhere on the site. Indexed palettes plus GIF dithering produce banding the replace pass does not reinterpret: you still see the file you fed in, only with swapped channels inside the tolerance rule. For alpha-heavy cutouts, pair output review with transparent background helpers so you do not fight fringe twice.

Workflow nudges from the bench

Grab a baseline swatch with the color extractor when you need documentation for stakeholders. If the whole scene needs a global hue nudge instead of a single substitution, hue saturation plus photo color grading often finish faster than chasing every pocket with replace.

Short list, honest scope: keep Source visible while picking, nudge tolerance before you call the swap final, export PNG when edges look right on a retina display.

When marketing hands you a 2023 deck in 2026

Slide masters love duplicate reds that no longer match the CSS token list. Instead of rebuilding forty screens, sample the outdated fill, aim at the new brand hex, then walk tolerance until slide icons line up while skin tones in stock photography stay put. The scenario shows why distance-based replace beats hand-painting in a bitmap editor for deadline work.

Color replace without the guesswork

Practical answers about tolerance, privacy, plus export behavior.

Does eyedropper read the filtered canvas or the original file?

Eyedropper always samples the Source canvas, which mirrors the loaded file before replacement. You avoid locking onto a color you already mutated.

Why does a low tolerance still miss some obvious pixels?

JPEG blocks, glow layers, or export dithering push similar-looking pixels a few RGB units away. Raise match width slightly, or pick a new source swatch closer to the mid-tone of the halo.

Do you store uploads?

No. Decode plus pixel math run inside the browser tab. Closing the page clears the bitmap from memory unless you download a copy yourself.

Which download format do I get?

The button emits PNG so repeated saves stay lossless. If you need a smaller JPEG, re-encode locally after you approve the swap.

Will semi-transparent pixels stay smooth?

Alpha values copy untouched while RGB channels blend inside tolerance. Edges with feathered transparency should remain feathered unless the RGB shift lands outside your intended range.

Eyedropper clicks do nothing while I view After. Why?

Sampling listens to the Source canvas only. Flip the segment control back to Source, enable Eyedropper, then tap the pixel you want to clone into the From swatch.