Our Network


Coming Soon


Coming Later

png color extractor

online png maker

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.

᠎᠎᠎          Tool Options

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.

Extracted Object's Stroke

Add a stroke around the
edges of the extracted
color object.
Set stroke's color.
Set stroke's width.

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 try

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.)

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.)

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.)

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.)

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.)

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.)

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.)

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!
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.

PNG Viewer

Quickly open and view a PNG and its components in your browser.

Preview a PNG on a Colorful Background

Quickly show how a PNG looks on various background colors.

Remove the Alpha Channel from PNG

Quickly remove the alpha channel and transparency from a PNG.

Fill the Alpha Channel in a PNG

Quickly fill the alpha channel in a PNG with a specific color.

Extract Alpha Channel from a PNG

Quickly extract transparent areas (alpha channel) from a PNG.

Analyze a PNG

Quickly get detailed information about a PNG file.

Find PNG File Size

Quickly calculate the file size of a PNG image in bytes or kilobytes.

Find PNG Dimensions

Quickly find the width, height and aspect ratio of a PNG image.

Check if PNG is Landscape or Portrait

Quickly check whether the PNG is vertical or horizontal.

Find PNG Color Count

Quickly find the number of colors in a PNG image (and print them).

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.

Split PNG into RGB Components

Quickly split a PNG into its RGB(A) components (Red, Green, Blue, and Alpha).

Convert PNG to HSL Colors

Quickly split a PNG into its HSL components (Hue, Saturation, Lightness).

Convert PNG to HSV Colors

Quickly split a PNG into its HSV components (Hue, Saturation, Value).

Convert PNG to CMYK Colors

Quickly split a PNG into its CMYK components (Cyan, Magenta, Yellow, and Key).

Convert PNG to YCbCr Colors

Quickly split a PNG into its YCbCr components (Y, Cb, or Cr).

Change PNG Quality

Quickly increase or decrease the quality of PNG images.

Convert a Landscape PNG to a Portrait PNG

Quickly change the orientation of the PNG from landscape to portrait.

Convert a Portrait PNG to a Landscape PNG

Quickly change the orientation of the PNG from portrait to landscape.

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.

Remove Color from PNG

Quickly remove a specific color 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.

Verify if an Image is a PNG

Quickly make sure that the given file has the PNG format.

Check if PNG is Grayscale

Quickly determine whether the PNG is entirely grayscale or not.

Check if PNG is Transparent

Quickly check if a PNG file has any transparent pixels.

Generate PNG Alpha Mask

Quickly generate an alpha mask of a transparent PNG.

Show Transparent PNG Areas

Quickly visualize transparent regions of a PNG.

Convert PNG to Silhouette

Quickly create a silhouette from a PNG image.

Convert PNG to Stencil

Quickly create a stencil from a PNG image.

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.

Convert PNG to Hex

Quickly convert a PNG to the list of hex codes.

Convert Hex to PNG

Quickly convert the list of hex codes to a PNG.

Convert PNG to RGB Values

Quickly convert a PNG to the list of RGB values.

Convert RGB Values to PNG

Quickly convert the list of RGB values to a PNG.

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 Color Spectrum PNG

Quickly generate a PNG with a color spectrum.

Create a Multi-color Gradient PNG

Quickly generate a PNG with a multi-color gradient.

Generate a PNG Gradient Palette

Quickly generate a gradient palette in PNG format.

Convert Text to PNG

Quickly write text and create a PNG image from it.

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.

Improve a Low-quality Signature

Quickly improve the quality of a digital 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.

Create an Empty PNG

Quickly create a blank PNG with a transparent, translucent, or opaque fill.

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 a Stroke to a PNG

Quickly add an outline around objects in a PNG.

Remove a Stroke from a PNG

Quickly remove a stroke from around objects in a PNG.

Add an Outline to a PNG

Quickly encircle objects within a PNG with an outline.

Remove an Outline from a PNG

Quickly clear PNG elements from the encircled outline.

Add a Glow Effect to a PNG

Quickly add a glowing effect to PNG image objects.

Add Padding to a PNG

Quickly add a transparent or opaque padding to a PNG.

Add Space Around PNG

Quickly add extra empty space to the sides of 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 EPS

Convert a PNG image to an EPS file.

Convert EPS to PNG

Convert an EPS file 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

Create Excel art from a PNG image.

Create a Glitch PNG

Randomly distort data in a PNG file to make a glitched PNG.

Show Grayscale Pixels

Find all grayscale pixels in a PNG (grayscale mask).

Show Color Pixels

Find all color pixels in a PNG (color mask).

Invert Alpha Channel

Invert the alpha channel values in a PNG.

Randomize PNG Pixels

Shuffle pixels or pixel blocks in a PNG.

Sort PNG Pixels

Sort pixels or pixel blocks in a PNG by color.

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.

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 Shadow to a PNG

Add a shadow below a PNG image.

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.

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.

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.


Subscribe!

Subscribe to our updates. We'll let you know when we release new tools, features, and organize online workshops.

Enter your email here


Feedback. We'd love to hear from you! 👋