᠎᠎᠎          
51K

Png color replacer

World's simplest png tool

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.
We put a browser in your browser! Browserling
Check out our project Browserling – get a browser in your browser.
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.
Png color replacer tool 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. 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!
Quickly replace any color in a PNG file with transparency.
Quickly swap colors in a PNG image.
Quickly replace all colors in a PNG with a single color tone.
Quickly create a translucent or semi-transparent PNG.
Quickly add noisy pixels (white noise) to your PNG image.
Quickly make a PNG image smaller and reduce its size.
Quickly convert a PNG graphics file to a JPEG graphics file.
Quickly convert a JPEG graphics file to a PNG graphics file.
Quickly convert a WebP image to a PNG image.
Quickly convert a PNG image to a WebP image.
Quickly convert a PNG image to base64 encoding.
Quickly convert a base64-encoded image to PNG.
Quickly find the most popular colors in a PNG.
Quickly use the eyedropper to find a pixel's color in a PNG.
Quickly increase or decrease the quality of PNG images.
Quickly resize a PNG image to any size.
Quickly rotate a PNG image by an arbitrary angle.
Quickly crop a PNG image.
Quickly skew a PNG horizontally or vertically by any angle.
Quickly shift a PNG and swap its halves or quadrants.
Quickly make a PNG fit perfectly in an arbitrary size rectangle.
Quickly add text (label, caption) to a PNG picture.
Quickly superimpose a message or a signature on a PNG.
Quickly add a border around a PNG.
Quickly remove a border or decoration around a PNG.
Quickly add a background to a PNG image.
Quickly remove the background from a PNG image.
Quickly smooth the edges of PNG images.
Quickly flip a PNG picture horizontally.
Quickly flip a PNG picture vertically.
Quickly create a mirror version of the given PNG.
Quickly make copies of a PNG pic.
Quickly pixelate an area of a PNG image.
Quickly blur an area of a PNG image.
Quickly hide an area in a PNG image.
Quickly sharpen an area of a PNG image.
Quickly zoom in a PNG or zoom out a PNG.
Quickly change the brightness of a PNG picture.
Quickly change the contrast of a PNG picture.
Quickly convert a color PNG image to a grayscale PNG.
Quickly apply a sepia effect to a PNG photo.
Quickly invert pixel colors in a PNG photo.
Quickly round the corners of a PNG picture.
Quickly replace transparency in a PNG file with a solid color.
Quickly convert a PNG graphics file to a single-frame GIF.
Quickly convert a GIF animation to a PNG picture.
Quickly convert a PNG picture to a bitmap file.
Quickly convert a bitmap image file to a PNG picture.
Quickly convert an ICO (icon) file to a PNG file.
Quickly convert a PNG image to a Data URL.
Quickly convert a Data URL to a PNG image.
Quickly optimize the quality and file size of a PNG photo.
Quickly make a symmetric copy of the given PNG.
Quickly create a single-color or multi-color PNG picture.
Quickly create a PNG from emojis and other Unicode symbols.
Quickly add JPG and WebP artifacts to a PNG photo.
Quickly create a single 1-by-1 pixel PNG file.
Quickly generate random PNG pictures.
Coming soon These png tools are on the way
PNG Editor
Edit a PNG in your browser.
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 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 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 RGBA
Convert a PNG image to raw RGBA values.
Convert RGBA to PNG
Convert RGBA 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.
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.
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.
Erase a Part of a PNG
Quickly erase any part of a PNG image.
Extract PNG Color Channels
Extract RGB color channels from a PNG file.
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.
Create ASCII Art from PNG
Convert a PNG to an ASCII art image.
Create ANSI Art from PNG
Convert a PNG to an ANSI art image.
Create Braille Art from PNG
Convert a PNG to a Braille art image.
Convert PNG to a Single Color PNG
Convert a PNG image to a monocolor PNG.
Upscale a PNG
Increase the dimensions of a PNG.
Downscale a PNG
Decrease the dimensions of a PNG.
Slice a PNG
Extract a 2d slice from a PNG.
Create White Noise PNG
Generate a PNG image with white noise.
Create an Empty PNG
Generate a PNG that contains just one color.
Remove PNG Chroma Key
Remove the green screen background from a PNG.
Extract a Color from a PNG
Remove all colors except one from a PNG image.
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.
Convert a PNG to a BW Image
Create a two color black and white picture from a PNG.
Generate a Gradient PNG
Create a PNG with a color gradient.
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.
Erase PNG Metadata
Delete meta data from a PNG picture.