Remove Color from Image

Pick any color in a picture and make it transparent, or swap it for another color. Remove white or black backgrounds, keep the edges smooth, and download a PNG. Your image never leaves your device.

Drop an image here or choose a file

JPG, PNG, WebP, GIF, BMP or AVIF, up to 30 MB. The image stays in your browser.

You can also paste an image with Ctrl+V or Cmd+V.

Rate Remove Color from Image

How useful was this tool? Your rating helps others find it.

Remove a color from an image and make it transparent

This image color remover turns one or more colors in a picture transparent. It works best on logos, signatures, icons, screenshots, clip art and product photos shot on a plain backdrop. Click the color, set how close a match has to be, and save the result as a transparent PNG. Everything runs in your browser, so the file is never uploaded.

Common jobs it handles

Most people use it to get rid of a plain background or a single color that is in the way.

  • Make the white box around a logo transparent so it sits cleanly on a dark website header or slide.
  • Turn a photo of a signature on paper into a transparent PNG you can place on a document.
  • Remove the gray or white backdrop from a product photo for a store listing.
  • Clear the magenta or green key color from game sprites and old clip art.
  • Swap one color in a chart, icon or screenshot for another with the solid color option.

Tolerance, edge smoothing and background only

Three settings decide what gets removed. The defaults (tolerance 10, edge smoothing 40) suit most logos on a white background. Change one setting at a time and watch the preview.

SettingWhat it doesGood starting point
ToleranceSets how close a pixel must be to the picked color to be removed. 0 removes only the exact color.5 to 15 for clean graphics, 15 to 30 for JPG photos and scans
Edge smoothingFades the few pixels along each cut edge and takes the old background color out of them.30 to 50 for logos and text, 0 for pixel art
Background onlyRemoves matching areas only when they touch the image border.On when the same color also appears inside the subject

Why a white outline appears and how to fix it

The pixels on the edge of a shape are a blend of the shape and its background. A dark logo on white has a ring of light gray pixels around it. If those pixels are kept as they are, they show up as a pale outline once the logo sits on a dark page. Edge smoothing treats each of those pixels as a mix, takes the background color out of it, and lowers its opacity to match. This is the same idea as the Color to Alpha filter in GIMP. Switch the preview background to black to check the edges before you download.

Remove a white or black background

A white background is rarely pure white. JPG compression, paper texture and soft shadows add pixels that are only close to white, so raise the tolerance until those specks are gone. A scan of a signature usually needs a tolerance between 20 and 35. For a black background, the same rules apply in reverse: logos and text on black come out cleanly, while dark parts of the subject may need Background only so they are not removed with it.

PNG, WebP or JPG?

PNG keeps transparency and opens everywhere, so it is the safe choice. WebP also keeps transparency and the files are often smaller, which helps on websites. JPG cannot store transparency at all. If you need a JPG, use the solid color option to fill the removed area with the color of the page it will sit on, then convert the PNG.

How the color remover works

The tool draws your image onto a canvas in your browser and reads the color of every pixel. For each pixel it measures how far its color is from each color you picked. The measurement gives more weight to green and less to blue, which is closer to how the eye sees difference than plain RGB values.

Pixels within the tolerance are removed. Pixels just past it on the rim of a removed area are treated as a blend of the subject and the removed color. The tool works out the lowest opacity that explains that blend, takes the removed color out, and keeps what is left. That is how edge smoothing gets rid of light outlines.

With Background only, the tool starts at the border of the image and spreads through matching pixels, so enclosed areas of the same color are kept. While you adjust the settings, a smaller copy of the image is used to keep the preview quick. When you download, the same steps run on the full image and the result is saved as a PNG or WebP. Nothing is uploaded.

How to remove a color from an image

1

Add your image

Drop a JPG, PNG, WebP, GIF, BMP or AVIF file on the tool, choose it from your device, or paste it with Ctrl+V. Files up to 30 MB work.

2

Pick the color to remove

If the image has a plain background, the tool picks that color for you. Otherwise click the color you want gone. Use Add color to remove more than one.

3

Adjust tolerance and edges

Raise Tolerance until the area disappears. Raise Edge smoothing if a pale outline is left. Choose Background only to keep the same color inside the subject.

4

Check and download

Look at the result on a checkerboard, white or black background, then download a PNG or WebP, or copy the image.

Example Usage

White is picked from the image edges automatically. With Background only on, the white inside the letters stays.

Input
logo.jpg: a dark blue logo on a white background
Output
logo-color-removed.png: the same logo with a transparent background and smooth edges

Frequently Asked Questions

How do I remove a specific color from an image?
Add the image, then click the color you want to remove. Every pixel close to that color turns transparent. Use the Tolerance slider to include more or fewer shades, and click Add color if there is a second color to remove.
How do I make a white background transparent?
Add the image. If the border is mostly white, the tool picks white for you and removes it right away. Choose Background only so white areas inside the subject stay, and raise the tolerance if gray specks or a faint shadow remain.
Why is there a white outline around my image after removing the background?
The edge pixels were a blend of the subject and the white background. Raise Edge smoothing so those pixels get the white taken out and become partly transparent. Switch the preview background to black to see the change clearly.
Why did parts inside my logo disappear too?
Those parts are the same color as the background. Choose Background only. The tool then removes only matching areas that touch the border of the image and keeps enclosed areas such as the white inside letters.
Can I remove more than one color at once?
Yes. Click Add color, then click the next color in the image. You can remove up to 6 colors in one pass, and each one uses the same tolerance.
Can I replace a color instead of removing it?
Yes. Under "Replace removed color with", choose A solid color and pick the new color. The edges are blended with the new color, so there is no outline of the old one.
Is my image uploaded to a server?
No. The image is read and edited by your browser on your own device. Nothing is sent to CodeItBro or anyone else, so you can use it for private documents and signatures.
Which formats can I download, and is there a size limit?
You can download a PNG or WebP. Both keep transparency. Files up to 30 MB can be opened, and the download keeps the full size up to 16 megapixels. Larger images are scaled down to that limit and the tool tells you the final size.
How do I do this in Photoshop, GIMP or PowerPoint?
In Photoshop, use Select > Color Range, click the color, set Fuzziness, and press Delete on an unlocked layer. In GIMP, use Colors > Color to Alpha. In PowerPoint and Word, select the picture and use Picture Format > Color > Set Transparent Color, which removes one exact color with no tolerance. This tool gives you tolerance, several colors and edge smoothing without installing anything.
Can it turn a photo black and white or into a coloring page?
No. This tool makes chosen colors transparent. To remove all color and keep a black and white photo, use the Grayscale Image tool. To keep only the outlines for a coloring page, try the Edge Detection tool.

Related Tools

Comments

Comments are provided by Disqus. Loading them connects to Disqus, which sets cookies and processes data under its own privacy policy.

The Remove Color from Image is maintained by CodeItBro. We aim to provide the best free developer tools on the web. If you have feedback or suggestions, please visit our contact page.

As featured on

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge