᠎᠎᠎          

Png color replacer

Online PNG Maker

World's simplest online Portable Network Graphics (PNG) color changer. Just import your PNG image in the editor on the left, select which colors to change, and you'll instantly get a new PNG with the new colors on the right. Free, quick, and very powerful. Import a PNG – replace its colors. Created with love by team Browserling.
A link to this tool, including input, options and all chained tools.
Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.
Release your mouse to import this file.
Your file is being imported...
Import from file
Save as...
Copy to clipboard
Download
Export to Pastebin
Can't convert.
An error has occured.
Chain with...
Remove chain
Save as...
Copy to clipboard
Download
Export to Pastebin
Remove no tools?
This tool cannot be chained.
From Color and To Color
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
Refine Edges
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview Mask
Preview which pixels are
matched by the "from"
color and similarity filter.

What is a png color replacer?

learn more about this tool
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. 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 shades and tones. 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 same lightness for the pixels of the new color. Often, pixels of the original color pixels still remain on the border or at the edge of old and new colors. 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 smooth transition between colors. Also, for your convenience, we've added the preview mask option. If enabled, it will show exactly which colors in the input PNG got matched. Png-abulous!

Png color replacer examples

Click to use
Change Paper Color
In this example, we change the white color of a PNG photo of a blank sheet of paper with the orange color. As the paper isn't perfectly white, we match 5% of similar white color tones and also refine the edges by smoothing them over a radius of 2 pixels. The edge refinement makes sure all white pixels, even those in the corners of the sheet get replaced with the orange color. (Source: Pixabay.)
In this example, we change the white color of a PNG photo of a blank sheet of paper with the orange color. As the paper isn't perfectly white, we match 5% of similar white color tones and also refine the edges by smoothing them over a radius of 2 pixels. The edge refinement makes sure all white pixels, even those in the corners of the sheet get replaced with the orange color. (Source: Pixabay.)
In this example, we change the white color of a PNG photo of a blank sheet of paper with the orange color. As the paper isn't perfectly white, we match 5% of similar white color tones and also refine the edges by smoothing them over a radius of 2 pixels. The edge refinement makes sure all white pixels, even those in the corners of the sheet get replaced with the orange color. (Source: Pixabay.)
Required options
These options will be used automatically if you select this example.
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview which pixels are
matched by the "from"
color and similarity filter.
Change the Color of the Moon
In this example, we turn on the "Change Color Shades" option and redraw the Moon from cheese-yellow to Earth-blue. We set the replacement color to yellow "rgba(252, 194, 82, 255)" and also replace 35% of similar shades (such as dark-yellow and light-yellow). The program calculates the white light amount in the yellow pixels and sets the same amount of white light for the blue pixels. As a result, the Moon turns into Earth and retains the detail of valleys, craters, and shadows of volcanoes and hills. (Source: Pexels.)
In this example, we turn on the "Change Color Shades" option and redraw the Moon from cheese-yellow to Earth-blue. We set the replacement color to yellow "rgba(252, 194, 82, 255)" and also replace 35% of similar shades (such as dark-yellow and light-yellow). The program calculates the white light amount in the yellow pixels and sets the same amount of white light for the blue pixels. As a result, the Moon turns into Earth and retains the detail of valleys, craters, and shadows of volcanoes and hills. (Source: Pexels.)
In this example, we turn on the "Change Color Shades" option and redraw the Moon from cheese-yellow to Earth-blue. We set the replacement color to yellow "rgba(252, 194, 82, 255)" and also replace 35% of similar shades (such as dark-yellow and light-yellow). The program calculates the white light amount in the yellow pixels and sets the same amount of white light for the blue pixels. As a result, the Moon turns into Earth and retains the detail of valleys, craters, and shadows of volcanoes and hills. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview which pixels are
matched by the "from"
color and similarity filter.
Recolor a Clock's Background
This example recolors the pink left-half of PNG's background to a light green color. It can't match shadows very well around the alarm bells, and to improve the result, you'll need to download the output PNG, and then replace these shadow colors one more time. You can quickly select the shadow colors by clicking on them in the input preview. (Source: Pixabay.)
This example recolors the pink left-half of PNG's background to a light green color. It can't match shadows very well around the alarm bells, and to improve the result, you'll need to download the output PNG, and then replace these shadow colors one more time. You can quickly select the shadow colors by clicking on them in the input preview. (Source: Pixabay.)
This example recolors the pink left-half of PNG's background to a light green color. It can't match shadows very well around the alarm bells, and to improve the result, you'll need to download the output PNG, and then replace these shadow colors one more time. You can quickly select the shadow colors by clicking on them in the input preview. (Source: Pixabay.)
Required options
These options will be used automatically if you select this example.
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview which pixels are
matched by the "from"
color and similarity filter.
Change PNG Background Color
In this example, we change the blue background color to pink in a coconut cocktail party PNG composition. We select the background color by clicking on the preview area and additionally match 15% of similar shades of the blue color. We also smooth the edges of the new background to completely remove any blue pixels around the fruit pieces and make them all pink. (Source: Pexels.)
In this example, we change the blue background color to pink in a coconut cocktail party PNG composition. We select the background color by clicking on the preview area and additionally match 15% of similar shades of the blue color. We also smooth the edges of the new background to completely remove any blue pixels around the fruit pieces and make them all pink. (Source: Pexels.)
In this example, we change the blue background color to pink in a coconut cocktail party PNG composition. We select the background color by clicking on the preview area and additionally match 15% of similar shades of the blue color. We also smooth the edges of the new background to completely remove any blue pixels around the fruit pieces and make them all pink. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview which pixels are
matched by the "from"
color and similarity filter.
Change Umbrella Color
This example finds all orange umbrellas in a PNG picture and replaces their color with pink. Each umbrella has a variety of shadows and reflections that convey its shape and volume and to include these fine details in the replacement, we increase the percentage of similar tones to 18%. To make sure these shadows and reflections are preserved in the new picture with new colors, we activate the "Preserve Color Shades" option. (Source: Pexels.)
This example finds all orange umbrellas in a PNG picture and replaces their color with pink. Each umbrella has a variety of shadows and reflections that convey its shape and volume and to include these fine details in the replacement, we increase the percentage of similar tones to 18%. To make sure these shadows and reflections are preserved in the new picture with new colors, we activate the "Preserve Color Shades" option. (Source: Pexels.)
This example finds all orange umbrellas in a PNG picture and replaces their color with pink. Each umbrella has a variety of shadows and reflections that convey its shape and volume and to include these fine details in the replacement, we increase the percentage of similar tones to 18%. To make sure these shadows and reflections are preserved in the new picture with new colors, we activate the "Preserve Color Shades" option. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Replace this color (from color).
With this color (to color).
Match this % of similar colors
of the from color. For example,
10% white will match white
and a little bit of gray.
If you turn this option on, then
all pixels during the color-change
operation will preserve their
shades (which is the lightness
and darkness of each pixel).
Smooth pixels at the edges
of the swapped colors.
Edge refinement radius.
Preview which pixels are
matched by the "from"
color and similarity filter.
All png tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Make a PNG Transparent
Quickly replace any color in a PNG file with transparency.
Change Colors in a PNG
Quickly swap colors in a PNG image.
Change PNG Color Tone
Quickly replace all colors in a PNG with a single color tone.
Change PNG Opacity
Quickly create a translucent or semi-transparent PNG.
Add Noise to a PNG
Quickly add noisy pixels (white noise) to your PNG image.
Compress a PNG
Quickly make a PNG image smaller and reduce its size.
Convert PNG to JPG
Quickly convert a PNG graphics file to a JPEG graphics file.
Convert JPG to PNG
Quickly convert a JPEG graphics file to a PNG graphics file.
Convert WebP to PNG
Quickly convert a WebP image to a PNG image.
Convert PNG to WebP
Quickly convert a PNG image to a WebP image.
Convert PNG to Base64
Quickly convert a PNG image to base64 encoding.
Convert Base64 to PNG
Quickly convert a base64-encoded image to PNG.
Pick a PNG Color
Quickly use the eyedropper to find a pixel's color in a PNG.
Extract PNG Color Palette
Quickly find the most popular colors in a PNG.
Extract PNG Color Channels
Quickly extract RGBA, CMYK, and HSL color channels from a PNG.
Change PNG Quality
Quickly increase or decrease the quality of PNG images.
Resize a PNG
Quickly resize a PNG image to any size.
Rotate a PNG
Quickly rotate a PNG image by an arbitrary angle.
Crop a PNG
Quickly crop a PNG image.
Skew a PNG
Quickly skew a PNG horizontally or vertically by any angle.
Shift a PNG
Quickly shift a PNG and swap its halves or quadrants.
Fit a PNG in a Rectangle
Quickly make a PNG fit perfectly in an arbitrary size rectangle.
Add Text to a PNG Image
Quickly add text (label, caption) to a PNG picture.
Add a Watermark to a PNG
Quickly superimpose a message or a signature on a PNG.
Add a Border to PNG
Quickly add a border around a PNG.
Remove a Border from PNG
Quickly remove a border or decoration around a PNG.
Add PNG Background
Quickly add a background to a PNG image.
Remove PNG Background
Quickly remove the background from a PNG image.
Refine PNG Edges
Quickly smooth the edges of PNG images.
Flip a PNG Horizontally
Quickly flip a PNG picture horizontally.
Flip a PNG Vertically
Quickly flip a PNG picture vertically.
Mirror a PNG
Quickly create a mirror version of the given PNG.
Duplicate a PNG
Quickly make copies of a PNG pic.
Pixelate a PNG
Quickly pixelate an area of a PNG image.
Blur a PNG
Quickly blur an area of a PNG image.
Censor a PNG
Quickly hide an area in a PNG image.
Sharpen a PNG
Quickly sharpen an area of a PNG image.
Zoom a PNG
Quickly zoom in a PNG or zoom out a PNG.
Upscale a PNG
Quickly increase the width and height of a PNG.
Downscale a PNG
Quickly decrease the width and height of a PNG.
Change PNG Brightness
Quickly change the brightness of a PNG picture.
Change PNG Contrast
Quickly change the contrast of a PNG picture.
Create a Grayscale PNG
Quickly convert a color PNG image to a grayscale PNG.
Add a Sepia Tone to PNG
Quickly apply a sepia effect to a PNG photo.
Change the Hue of a PNG
Quickly change the hue of a PNG photo.
Invert PNG Colors
Quickly invert pixel colors in a PNG photo.
Make PNG Corners Rounded
Quickly round the corners of a PNG picture.
Make a PNG Opaque
Quickly replace transparency in a PNG file with a solid color.
Convert PNG to GIF
Quickly convert a PNG graphics file to a single-frame GIF.
Convert GIF to PNG
Quickly convert a GIF animation to a PNG picture.
Convert PNG to BMP
Quickly convert a PNG picture to a bitmap file.
Convert BMP to PNG
Quickly convert a bitmap image file to a PNG picture.
Convert ICO to PNG
Quickly convert an ICO (icon) file to a PNG file.
Convert PNG to Data URI
Quickly convert a PNG image to a Data URL.
Convert Data URI to PNG
Quickly convert a Data URL to a PNG image.
Optimize a PNG
Quickly optimize the quality and file size of a PNG photo.
Create a Symmetric PNG
Quickly make a symmetric copy of the given PNG.
Generate a Colorful PNG
Quickly create a single-color or multi-color PNG picture.
Create a PNG From an Emoji
Quickly create a PNG from emojis and other Unicode symbols.
Add Artifacts to a PNG
Quickly add JPG and WebP artifacts to a PNG photo.
Generate a 1x1 Pixel PNG
Quickly create a single 1-by-1 pixel PNG file.
Generate a Random PNG
Quickly generate random PNG pictures.
Convert a PNG to Two Colors
Quickly draw a PNG image using only two colors.
Convert a PNG to Black and White
Quickly turn a color PNG image into a black and white PNG.
Create a Monochrome PNG
Convert a PNG image to a single-color PNG image.
Add Dithering to a PNG
Quickly create a dithered PNG image.
Decrease PNG Color Count
Quickly decrease the number of colors in a PNG image.
Add a Whirl to a PNG
Quickly create a swirl of pixels anywhere on a PNG.
Quantize a PNG
Quickly reduce the number of distinct colors in any PNG image.
Wrap a PNG in a Polaroid
Quickly create a polaroid image from a PNG.
Posterize a PNG
Quickly create a poster from a regular PNG image.
Remove PNG Chroma Key
Quickly remove the green screen background from a PNG.
Convert a JPG Signature to a PNG Signature
Quickly convert a JPG signature to a transparent PNG signature.
Transparent PNG Signature Maker
Quickly create a PNG signature with a transparent background.
Change Signature Color
Quickly change the color of a PNG signature.
Create Black and White Signature
Quickly convert a colorful signature to just black-and-white.
Rotate a Signature
Quickly rotate a digital signature and make it horizontal.
Crop a Signature
Quickly crop a digital signature from a PNG.
Resize a Signature
Quickly resize a digital signature.
Clean Up Signature Edges
Quickly clean up pixels around digital signature edges.
Add Signature Background
Quickly fill transparent areas of a digital signature.
Make a Signature Thicker
Quickly convert a thin signature to a thick signature.
Generate a Single-color PNG
Quickly create a PNG that's entirely filled with just one color.
Generate a White Noise PNG
Quickly create a PNG that's entirely filled with white noise.
Erase a Part of a PNG
Quickly erase any part of a PNG image.
Extract a Color from a PNG
Quickly extract objects by color from a PNG image.
Add Stroke to a PNG
Quickly add an outline around objects in a PNG.
Coming soon These png tools are on the way
PNG Editor
Edit a PNG in your browser.
Compare PNG Images
Compare two or more PNG images.
Slowly Reveal a PNG
Create an animation that slowly reveals a PNG image.
Convert PNG to AVIF
Convert a PNG image to an AV1 image (AVIF).
Convert AVIF to PNG
Convert an AV1 image (AVIF) to a PNG image.
Convert PNG to HEIF
Convert a PNG image to a High Efficiency Image File (HEIF).
Convert HEIF to PNG
Convert a Hide Efficiency Image File (HEIF) to a PNG image.
Convert PNG to ICO
Convert a PNG image to an ICO icon.
Convert PNG to TIFF
Convert a PNG image to a TIFF image.
Convert TIFF to PNG
Convert a TIFF image to a PNG image.
Convert PNG to PIK
Convert a PNG image to a PIK image.
Convert PIK to PNG
Convert a PIK image to a PNG image.
Convert PNG to PPM
Convert a PNG image to a PPM image.
Convert PPM to PNG
Convert a PPM image to a PNG image.
Convert PNG to BPG
Convert a PNG image to a BPG image.
Convert BPG to PNG
Convert a BPG image to a PNG image.
Convert PNG to FLIF
Convert a PNG image to a FLIF image.
Convert FLIF to PNG
Convert a FLIF image to a PNG image.
Convert PNG to PDN
Convert a PNG image to a Paint.net file.
Convert PDN to PNG
Convert a Paint.net file to a PNG image.
Convert PNG to PSD
Convert a PNG image to a Photoshop file.
Convert PSD to PNG
Convert a Photoshop file to a PNG image.
Convert PNG to SVG
Convert a PNG image to an SVG image.
Convert SVG to PNG
Convert an SVG file to a PNG image.
Convert PNG to PDF
Convert a PNG image to an PDF document.
Convert PDF to PNG
Convert a PDF document to a PNG image (or multiple images).
Convert PNG to JFIF
Convert a PNG image to a JFIF image.
Convert JFIF to PNG
Convert a JFIF image to a PNG image.
Convert PNG to RGB
Convert a PNG image to raw RGB values.
Convert RGB to PNG
Convert RGB values to a PNG image.
Convert PNG to BGR
Convert a PNG image to raw BGR values.
Convert BGR to PNG
Convert BGR values to a PNG image.
Convert PNG to RGBA
Convert a PNG image to raw RGBA values.
Convert RGBA to PNG
Convert RGBA values to a PNG image.
Convert PNG to BGRA
Convert a PNG image to raw BGRA values.
Convert BGRA to PNG
Convert BGRA values to a PNG image.
Convert PNG to Animated GIF
Convert multiple PNGs to a GIF animation.
Convert APNG to GIF
Convert an APNG animation to a GIF image.
Convert GIF to APNG
Convert a GIF animation to an APNG image.
Convert APNG to Webp
Convert an APNG image to a Webp image.
Convert Webp to APNG
Convert a Webp image to an APNG image.
Convert APNG to MP4
Convert an APNG image to an MP4 video.
Convert MP4 to APNG
Convert an MP4 video to an APNG image.
Convert APNG to AVI
Convert an APNG image to an AVI video.
Convert AVI to APNG
Convert an AVI video to an APNG image.
Convert APNG to WMV
Convert an APNG image to a WMV video.
Convert WMV to APNG
Convert an WMV video to an APNG image.
Extract APNG Frames
Extract all frames from an APNG image.
APNG Player
Play a PNG animation (APNG) frame by frame.
Change APNG Speed
Change the playback speed of an animated PNG (APNG).
Set APNG Loop Count
Change how many times an animated PNG loops.
Reverse an APNG
Reverse the order of frames in an animated PNG (APNG).
APNG Creator
Created animated PNGs (APNGs) from input images.
APNG Checker
Check if the given PNG file is an animated PNG file (APNG).
Convert APNG to Sprite Sheet
Create a sprite sheet from all animated PNG (APNG) frames.
Convert Sprite Sheet to APNG
Create an animated PNG (APNG) from a sprite sheet.
Convert PNG to XLS
Convert a PNG to an Excel spreadsheet.
Create a Glitch PNG
Randomly distort data in a PNG file to make a glitched PNG.
Randomize PNG Pixels
Rearrange pixels or pixel blocks in a PNG.
Split a PNG
Break a PNG image into multiple pieces.
Create a PNG Slideshow
Generate a slideshow animation from multiple PNGs.
Create a PNG Mosaic
Generate a mosaic wall from multiple PNGs.
Generate a Multi-color PNG
Create a PNG that's filled with multiple colors.
Hexagonalize a PNG
Convert a PNG into a hexagonal grid of pixels.
Triangulate a PNG
Convert a PNG into a triangular grid of pixels.
Add Vignette Effect to a PNG
Darken PNG corners compared to its center.
Add Kaleidoscope Effect to a PNG
Create multiple reflections of a PNG.
Add Bayer Filter to a PNG
Apply a Bayer filter on a PNG.
Add Night Vision Effect to a PNG
Make a PNG look like it was taken via night vision goggles.
Add Spherical Effect to a PNG
Make a PNG look like it's spherical.
Apply Mobius Transform on a PNG
Run a PNG through the Mobius Transform.
Convert PNG Color Space
Convert between RGB, CMYK, HSV, and HSL color spaces.
Convert PNG Bit Depth
Convert between 8-bit, 16-bit, 24-bit, and 32-bit PNG depths.
Remove Dithering from a PNG
Remove dithering from a PNG image.
Create ASCII Art from PNG
Convert a PNG to an ASCII art image.
Create PNG from ASCII Art
Convert ASCII art to a PNG image.
Create ANSI Art from PNG
Convert a PNG to an ANSI art image.
Create PNG from ANSI Art
Convert ANSI art to a PNG image.
Create Braille Art from PNG
Convert a PNG to a Braille art image.
Create PNG from Braille Art
Convert Braille art to a PNG image.
Convert Bytes to PNG
Create a PNG image from the given bytes.
Convert PNG to Bytes
Convert a PNG image to bytes.
Enhance a PNG
Increase the quality of a PNG image.
Slice a PNG
Extract a 2d slice from a PNG.
Create an Empty PNG
Generate a PNG that contains just one color.
Generate All-color PNG
Create a PNG that contains all possible RGB colors.
Extract Text from a PNG
Find all textual information in a PNG image and extract it.
Generate a Gradient PNG
Create a PNG with a color gradient.
Create a 3D PNG
Given any 2D PNG, add 3rd dimension to it.
Remove Text from a PNG
Quickly erase text (labels, captions) from a PNG.
Remove a Watermark from a PNG
Quickly delete a watermark from a PNG.
Fix a Broken PNG
Salvage a PNG that has bad bytes in it and doesn't open.
Hide Data in a PNG
Conceal a secret message in a PNG image.
Change PNG Metadata
Update meta data of a PNG file.
Erase PNG Metadata
Delete meta data from a PNG picture.
Validate PNG
Check if the given file is a valid PNG without errors.
PNG Viewer
Open and view a PNG in your browser.
Created with love by
51K
@browserling
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make people's lives easier, so we created this collection of online PNG tools. We created the simplest possible user interface for our tools and they are now used by millions of users every month. Behind the scenes, our online PNG tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
Secret message
If you love our tools, then we love you, too! Use coupon code PNGLING to get a discount for our premium plans.
Privacy Policy we don't log data!
All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server for additional analytics. The free plan doesn't use cookies and don't store session information in cookies. The premium and team plans use cookies to store session information so that you are always logged in. We use your browser's local storage to save tools' input. It stays on your computer.
Terms of Service the legal stuff
By using Online Png Tools you agree to our Terms of Service. All tools are free for personal use but to use them for commercial purposes, you need to get a premium plan. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.