PNG Color Replacer

Online PNG Maker. Change the color of your image instantly in your browser.

100% Client-Side Processing • No Uploads • 100% Private

1. Upload PNG Image

2. From Color and To Color Click canvas to pick

For example, 10% white will match white and a little bit of gray.

3. Refine Edges

4. Preview Mask

Live Preview

Upload an image to start.
Click here to pick colors!

Source Info

Dimensions: 0 × 0

Color Picking: Active

Processing Status

Total Pixels: 0

Pixels Replaced: 0

PNG Color Replacer Examples — Click to try!

Example buttons will load a demo image and automatically apply the preset options.

What Is a PNG Color Replacer?

This browser-based utility replaces any color in a PNG (Portable Network Graphics) picture with a new color. For example, you can quickly swap red with blue, or yellow with white. You can also match similar color tones. For example, you can match 10% of possible green colors, which include sea green, jungle green, and forest green.

The color for the replacement can be specified in the options as a color name, color code, or rgb(r,g,b) function, or you can select it directly from the input image by clicking on a color pixel in the input PNG. All pixels of the selected color are immediately replaced with the new color and you can see the effect in the output preview field.

Match Similarity Options

If the similar color match option is set to a value that's greater than 0%, then not only the indicated color is replaced, but also its relative shade boundaries. Setting it to 10-15% helps naturally substitute tones that are rendered with aliasing or subtle shadows instead of strict hex boundaries.

Preserve Color Shades

To preserve tints, shadows, and gradients in the output PNG, you can activate the "Preserve Color Shades" option. It looks at the lightness parameter (geek note: that's "L" in "HSL") of the original pixels and sets the exact same mathematical lightness for the generated pixels of the new color.

Smooth Edges

Often, pixels of the original color still remain on the border or at the edge of old and new colors due to compression anomalies. To get rid of these pixels, you can use the edge smoothing option, which mixes the colors of the old and new pixels, making a flawless smooth transition between color maps.

Preview Alpha Mask

Also, for your convenience, we've added the preview mask checkbox! If enabled, it will interrupt the coloring process and show exactly which pixels in the input PNG are getting matched by the tolerance. This allows you to visually debug and adjust similarity to catch everything. Png-abulous!

Share this tool:

Frequently Asked Questions

Was this tool helpful?

Comments

Loading comments...

Check Out Other Popular Tools