᠎᠎᠎        

Png color extractor

World's simplest png tool

World's simplest online Portable Network Graphics (PNG) object-by-color extractor. Just import your PNG image in the editor on the left, specify the color of the object you want to extract, and you'll instantly get a new PNG with that object/color on the right. Free, quick, and very powerful. Created with love by team Browserling.
Match Color and Other Colors
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine Edges
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Extraxted Object's Stroke
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Png color extractor tool What is a png color extractor
This browser-based utility extracts regions of the same or similar color from PNG images. If you click on an object or a color in the input PNG, then just this object or color will be displayed in the output PNG. As the color extraction is done pixel by pixel, the program works best with PNGs where objects have one solid color. If an object has a shadow, lighter or darker spots, or similar color tints, you can include them in the extraction by increasing the color match threshold. The color match threshold can be set as a percentage from 0% to 100% in the options. By default, the area around the extracted object becomes transparent but you can also fill this space with the necessary favorite color. Often, after extracting an object, there is a lot of empty space around it. In this case, our Crop a PNG tool will be useful as it lets you delete the extra space around an object. Also, this program allows you to recolor the extracted object to any new solid color. For example, if you have extracted red text with a shadow, you can now turn it into blue text without a shadow. If the extracted color object has extra pixels around the edges of the object, you can apply the option to smooth the edges (also known as refine the edges). This option makes all pixels along the object edges semi-transparent. You can control the smoothing strength by adjusting the smoothing radius option. Additionally, you can add a stroke of any color and width to the extracted object. Adding a stroke is especially useful when the extracted color pixels are very thin and need to be made thicker. Png-abulous!
Png color extractor examples Click to use
Extract Green Alligator
In this example, we extract the green alligator from Lacoste's logo. Once we load the PNG of the logo, we click on the crocodile above the brand's name. The crocodile's color gets substituted in the color match option and in the output, we get the image of this reptile. (Source: Wikipedia.)
In this example, we extract the green alligator from Lacoste's logo. Once we load the PNG of the logo, we click on the crocodile above the brand's name. The crocodile's color gets substituted in the color match option and in the output, we get the image of this reptile. (Source: Wikipedia.)
In this example, we extract the green alligator from Lacoste's logo. Once we load the PNG of the logo, we click on the crocodile above the brand's name. The crocodile's color gets substituted in the color match option and in the output, we get the image of this reptile. (Source: Wikipedia.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Monstera Leaf
In this example, we extract the monstera leaf from a PNG image. We select the desired color by clicking on the leaf in the input preview area and set the leaf's color threshold to 35% because it has many shades of green color. In the output, we get only the green leaf and it's painted on a transparent background. (Source: Pexels.)
In this example, we extract the monstera leaf from a PNG image. We select the desired color by clicking on the leaf in the input preview area and set the leaf's color threshold to 35% because it has many shades of green color. In the output, we get only the green leaf and it's painted on a transparent background. (Source: Pexels.)
In this example, we extract the monstera leaf from a PNG image. We select the desired color by clicking on the leaf in the input preview area and set the leaf's color threshold to 35% because it has many shades of green color. In the output, we get only the green leaf and it's painted on a transparent background. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Red Paper Boat
This example finds the red paper boat among boats of different colors. It uses the RGB color code "RGB(239, 49, 49)" to match the boat's red color and includes 20% similar shades of this color. In addition, it smoothes the pixels around the boat with a 1px radius and draws the red boat on the misty-rose background. (Source: Pexels.)
This example finds the red paper boat among boats of different colors. It uses the RGB color code "RGB(239, 49, 49)" to match the boat's red color and includes 20% similar shades of this color. In addition, it smoothes the pixels around the boat with a 1px radius and draws the red boat on the misty-rose background. (Source: Pexels.)
This example finds the red paper boat among boats of different colors. It uses the RGB color code "RGB(239, 49, 49)" to match the boat's red color and includes 20% similar shades of this color. In addition, it smoothes the pixels around the boat with a 1px radius and draws the red boat on the misty-rose background. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Extract Yellow Text Label
In this example, we extract the word "Happy" from a display sign. Since the letters have many shades of yellow, we match the average yellow color "rgba(215, 197, 61, 255)" and all tones that are at most 25% similar. In the output, we want to get the label as a single color, so we fill the extracted object with the color "gold". Additionally, we draw a 4px black stroke around the letters and add a powder-blue background to the word. (Source: Pexels.)
In this example, we extract the word "Happy" from a display sign. Since the letters have many shades of yellow, we match the average yellow color "rgba(215, 197, 61, 255)" and all tones that are at most 25% similar. In the output, we want to get the label as a single color, so we fill the extracted object with the color "gold". Additionally, we draw a 4px black stroke around the letters and add a powder-blue background to the word. (Source: Pexels.)
In this example, we extract the word "Happy" from a display sign. Since the letters have many shades of yellow, we match the average yellow color "rgba(215, 197, 61, 255)" and all tones that are at most 25% similar. In the output, we want to get the label as a single color, so we fill the extracted object with the color "gold". Additionally, we draw a 4px black stroke around the letters and add a powder-blue background to the word. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Elvis Presley's Signature
In this example, we create a transparent digital signature by using our color extractor. We click on the black ink of Elvis Presley's signature and the signature automatically gets separated from the white background. We set the new background color to a transparent color so that the signature can be used in all electronic documents. (Source: Wikipedia.)
In this example, we create a transparent digital signature by using our color extractor. We click on the black ink of Elvis Presley's signature and the signature automatically gets separated from the white background. We set the new background color to a transparent color so that the signature can be used in all electronic documents. (Source: Wikipedia.)
In this example, we create a transparent digital signature by using our color extractor. We click on the black ink of Elvis Presley's signature and the signature automatically gets separated from the white background. We set the new background color to a transparent color so that the signature can be used in all electronic documents. (Source: Wikipedia.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Kangaroo Strava Art
In this example, we extract the route that a Strava runner took on his daily run. He used a GPS tracker to record his running path and it turned out to be a drawing of a kangaroo in the city of Victoria in Canada. Such drawings are also often called GPS art and a person who does such art is called a human etch-a-sketch. To make the kangaroo drawing a little bit clearer, we also add a 1-pixel red line along the edges of the extracted pixels. (Source: Strava.)
In this example, we extract the route that a Strava runner took on his daily run. He used a GPS tracker to record his running path and it turned out to be a drawing of a kangaroo in the city of Victoria in Canada. Such drawings are also often called GPS art and a person who does such art is called a human etch-a-sketch. To make the kangaroo drawing a little bit clearer, we also add a 1-pixel red line along the edges of the extracted pixels. (Source: Strava.)
In this example, we extract the route that a Strava runner took on his daily run. He used a GPS tracker to record his running path and it turned out to be a drawing of a kangaroo in the city of Victoria in Canada. Such drawings are also often called GPS art and a person who does such art is called a human etch-a-sketch. To make the kangaroo drawing a little bit clearer, we also add a 1-pixel red line along the edges of the extracted pixels. (Source: Strava.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
Extract Maze Solution
In this example, we extract the correct solution for a maze. We enter the color "red" in the color extraction option and get a line that connects the start entrance and the exit point of the maze. (Source: Wikipedia.)
In this example, we extract the correct solution for a maze. We enter the color "red" in the color extraction option and get a line that connects the start entrance and the exit point of the maze. (Source: Wikipedia.)
In this example, we extract the correct solution for a maze. We enter the color "red" in the color extraction option and get a line that connects the start entrance and the exit point of the maze. (Source: Wikipedia.)
Required options
These options will be used automatically if you select this example.
Set object's color to extract.
Set color match threshold.
Set new background color.
(Leave blank for transparent.)
Replace extracted object's color.
(Leave blank for original color.)
Refine the pixels along the
edges of extracted color area.
Pixel smoothing radius.
Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.
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 use the eyedropper to find a pixel's color in a PNG.
Quickly find the most popular colors in a PNG.
Quickly extract RGBA, CMYK, and HSL color channels from 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 increase the width and height of a PNG.
Quickly decrease the width and height of 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 change the hue of 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.
Quickly draw a PNG image using only two colors.
Quickly turn a color PNG image into a black and white PNG.
Convert a PNG image to a single-color PNG image.
Quickly create a dithered PNG image.
Quickly decrease the number of colors in a PNG image.
Quickly create a swirl of pixels anywhere on a PNG.
Quickly reduce the number of distinct colors in any PNG image.
Quickly create a polaroid image from a PNG.
Quickly create a poster from a regular PNG image.
Quickly remove the green screen background from a PNG.
Quickly convert a JPG signature to a transparent PNG signature.
Quickly create a PNG signature with a transparent background.
Quickly change the color of a PNG signature.
Quickly convert a colorful signature to just black-and-white.
Quickly rotate a digital signature and make it horizontal.
Quickly crop a digital signature from a PNG.
Quickly resize a digital signature.
Quickly clean up pixels around digital signature edges.
Quickly fill transparent areas of a digital signature.
Quickly create a PNG that's entirely filled with just one color.
Quickly create a PNG that's entirely filled with white noise.
Quickly erase any part of a PNG image.
Quickly extract objects by color from a PNG image.
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.
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 a Stroke to a PNG
Add a border around objects in a PNG.
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.