Image Splitter

Replace Image Color

Sample colors from the original or a reference image. Replace multiple colors together or individually, or make them transparent, locally in your browser.

6 real use cases

Choose a use case, download its inputs and try the listed settings in the tool above. Compare your work with the actual exported result.

Pick the white vase background and remove it

Pick the white background and choose transparency. Keep the flowers, vase and unmatched shadows.

Mode: One colorTolerance: 12Softness: 8#fefefe → transparent

Inputs

Pick the white vase background and remove it — input
Download all inputs (1)
Download input 1 · PNG

Actual tool output

Pick the white vase background and remove it — actual output

320 × 480 px

Download result 1 · PNG

Sample a reference poster for a camera backdrop

Pick the camera background, upload a lake-poster reference, and sample its warm sun color. The reference only supplies a color. Similar pale buttons and trim also change because matching covers the whole image.

Mode: One colorTolerance: 25Softness: 10#d6eae2 → #fcda84

Inputs · 2

Sample a reference poster for a camera backdrop — input
Sample a reference poster for a camera backdrop — input
Download all inputs (2)
Download input 1 · PNGDownload input 2 · PNG

Actual tool output

Sample a reference poster for a camera backdrop — actual output

480 × 480 px

Download result 1 · PNG

Unify surfboard and luggage accents in blue

Pick the yellow surfboard and red luggage separately, then replace both with blue. Tolerance includes nearby shades while keeping the green body. Similar metal highlights may also change.

Mode: One colorTolerance: 30Softness: 12#edc261 → #376cc7#c87058 → #376cc7

Inputs

Unify surfboard and luggage accents in blue — input
Download all inputs (1)
Download input 1 · PNG

Actual tool output

Unify surfboard and luggage accents in blue — actual output

480 × 480 px

Download result 1 · PNG

Give trees and lake separate poster colors

Assign brown to the tree color and blue to the lake color. Rules always match the original, so recolored pixels cannot cascade into another rule. Natural gradients can show replacement boundaries; small palette shifts work best.

Mode: Per colorTolerance: 12Softness: 10#121d1b → #815e39#10574e → #376cc7

Inputs

Give trees and lake separate poster colors — input
Download all inputs (1)
Download input 1 · PNG

Actual tool output

Give trees and lake separate poster colors — actual output

480 × 320 px

Download result 1 · PNG

Recolor butterfly wings and remove pale dots

Replace orange wing areas with purple and make the pale dots transparent in a separate rule, preserving black details and existing cutouts.

Mode: Per colorTolerance: 20Softness: 10#f7750c → #9455c4#f0e3cc → transparent

Inputs

Recolor butterfly wings and remove pale dots — input
Download all inputs (1)
Download input 1 · PNG

Actual tool output

Recolor butterfly wings and remove pale dots — actual output

480 × 320 px

Download result 1 · PNG

Sample a deeper red from the ribbon itself

Pick both colors from the same ribbon: replace the selected bright red range with the deeper red in its folds, retaining cutouts and alpha.

Mode: One colorTolerance: 45Softness: 10#ed303f → #8f0104

Inputs

Sample a deeper red from the ribbon itself — input
Download all inputs (1)
Download input 1 · PNG

Actual tool output

Sample a deeper red from the ribbon itself — actual output

480 × 480 px

Download result 1 · PNG

What this tool does

Original and reference eyedroppers

Pick source and replacement colors directly from images. A pixel magnifier helps you aim; a color selector is also available.

Replace colors together or individually

Use up to 12 source colors with one shared output or separate colors and transparency. Overlaps use the closest source color, ties use list order, and replacement colors never cascade.

Local processing

Originals, references and results are handled in your browser. Download a new PNG without uploading or overwriting your source.

How to use

  1. Choose your original image and use the source-color eyedropper to pick from the enlarged image
  2. Add more source colors and choose one shared result or separate replacements
  3. Choose an output color, sample the original or an uploaded reference, or select transparency
  4. Adjust tolerance and feathering, inspect the preview, and download PNG

Formats and limits

Best for logos, icons and illustrations. Matches colors, not objects; similar colors elsewhere may also change.

Frequently asked questions

Are my files uploaded?

No. Processing happens on your device. The website, fonts and dependencies may still use the network; offline use is not guaranteed.

Will my original files change?

No. Both the original and reference stay unchanged. The result downloads as a new PNG.

What are the limitations?

Best for logos, icons and illustrations. Matches colors, not objects; similar colors elsewhere may also change.

What if I do not know the color value?

Click an eyedropper and pick a visible pixel from the original or a reference. Arrow keys move one pixel, Enter confirms, and Escape cancels. Fully transparent pixels cannot supply a visible color.