Our Network


Coming Soon


Coming Later

WebP Color Remover

World's Simplest WebP Tool

This free online tool lets you remove colors from a WebP image. Just load your WebP image in the input editor, and you'll instantly get a WebP image without a specific color in the output editor. In the options, you can specify the color to remove and, optionally, set the replacement color for it. Additionally, you can adjust the shade range to remove along with the primary color. Created by team Browserling.

᠎᠎᠎          Tool Options

Color to Remove

Specify the color you want
to remove from the WebP.
(It can also be selected by
clicking on the WebP.)
Specify the replacement color.
(To use transparent, leave the
field empty or write "transparent".)
Adjust the range of similar
colors (in percentage) to be
removed along with the
specified color.

Smooth Transition

Create a smooth transition
between the removed color
and the remaining colors.
Set the depth of the transition
zone (in pixels).

Preview Color Removal

Show the removed pixels in
black and the untouched pixels
in white for easier visualization
of the removal process.

What Is a WebP Color Remover?

With this online tool, you can remove a specific color from WebP images. The program scans the WebP, detects all pixels that contain the specified color, and turns them either into transparency or paints them in a new color (which can be specified in the options). For example, if you want to remove the green color from the background of a WebP, you can enter "green" in the "Color to Remove" option. This color can also be interactively selected by clicking on it directly in the input editor. You can also specify how many different shades of the target color should be removed by adjusting the "Shade Range" option. For example, if the shade range is set to 10%, and the color is set to "green", then the "forest green" and "dark green" colors will also be removed along with the green color. To create a smooth transition around the edges of the regions of removed color, use the "Soften Deleted Edges" option and specify the width of the transition zone in pixels. Additionally, you can evaluate the result of the color removal in "High-contrast View" mode, where the removed areas will be displayed in black and the unchanged areas in white. Webp-abulous!


WebP Color Remover Examples

Click to try!

Remove the Gray Background Color from a WebP

In this example, we remove the gray background color from a WebP image of pink dianthus. The specific shade of gray is determined by clicking on the background in the input editor, resulting in the color code "rgba(169, 169, 167, 255)", which is automatically updated in the tool options. We also extend the range of similar gray color tones to be removed to 9%, which matches lighter and darker gray tones around the flower and add an anti-aliased transition around the removed color with a radius of 2 pixels. (Source: Pexels.)

Required options
These options will be used automatically if you select this example.
Specify the color you want
to remove from the WebP.
(It can also be selected by
clicking on the WebP.)
Specify the replacement color.
(To use transparent, leave the
field empty or write "transparent".)
Adjust the range of similar
colors (in percentage) to be
removed along with the
specified color.
Create a smooth transition
between the removed color
and the remaining colors.
Set the depth of the transition
zone (in pixels).
Show the removed pixels in
black and the untouched pixels
in white for easier visualization
of the removal process.

Delete the Label from a Cosmetic Cream Jar

In this example, we use our color removal tool to make the label on a cosmetic cream jar transparent. We match the white color of the label, along with 9% of its shades, and apply edge smoothing effect with a radius of 2 pixels. As a result, we get a transparent WebP in the output editor where the jar has a hole in the middle, allowing us to place a new label of any color on it. (Source: Pexels.)

Required options
These options will be used automatically if you select this example.
Specify the color you want
to remove from the WebP.
(It can also be selected by
clicking on the WebP.)
Specify the replacement color.
(To use transparent, leave the
field empty or write "transparent".)
Adjust the range of similar
colors (in percentage) to be
removed along with the
specified color.
Create a smooth transition
between the removed color
and the remaining colors.
Set the depth of the transition
zone (in pixels).
Show the removed pixels in
black and the untouched pixels
in white for easier visualization
of the removal process.

Convert Red Hearts to White Hearts

In this example, we convert the red color that is used to paint hearts into the white color. To remove as many shades of red as possible (as you can see there are brighter reds and darker reds), we set the color shade intensity to 60%, which makes sure no red pixels are left in the original image. As a result, the red hearts on the blue background get replaced with white hearts. (Source: Pexels.)

Required options
These options will be used automatically if you select this example.
Specify the color you want
to remove from the WebP.
(It can also be selected by
clicking on the WebP.)
Specify the replacement color.
(To use transparent, leave the
field empty or write "transparent".)
Adjust the range of similar
colors (in percentage) to be
removed along with the
specified color.
Create a smooth transition
between the removed color
and the remaining colors.
Set the depth of the transition
zone (in pixels).
Show the removed pixels in
black and the untouched pixels
in white for easier visualization
of the removal process.

All WebP Tools

Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly convert a non-transparent WebP to a transparent WebP.
Quickly change one color to another in a WebP image.
Quickly remove the background from a WebP image.
Quickly add a background to a transparent WebP image.
Quickly cut out a rectangular or oval area from a WebP image.
Quickly pixelate an area of a WebP image.
Quickly blur an area of a WebP image.
Quickly sharpen an area of a WebP image.
Quickly convert a full-color WebP image to a grayscale format.
Quickly change the width and height of a WebP image.
Quickly interactively rotate a WebP image by any angle.
Quickly create multiple copies of the same WebP image.
Quickly remove a specific color from a WebP image.
Quickly increase or decrease the quality of a WebP image.
Quickly add a border around a WebP image.
Quickly remove a border surrounding a WebP image.
Quickly invert colors in an area of a WebP image.
Quickly convert printed text into a WebP image.
Quickly add a text label to a WebP image.
Quickly visualize the WebP transparency via an alpha mask.
Quickly extract the alpha channel from a WebP image.
Quickly remove the alpha channel from a WebP image.
Quickly fill the alpha channel in a WebP image.

Coming Soon

These WebP tools are on the way!
WebP Editor

Edit WebP images in your browser.

Convert WebP to APNG

Convert a WebP animation to an APNG animation.

Convert APNG to WebP

Convert an APNG animation to a WebP animation.

Convert WebP to GIF

Convert a WebP animation to a GIF animation.

Convert GIF to WebP

Convert a GIF animation to a WebP animation.

Extract WebP Frames

Extract all frames from a WebP animation.

Convert WebP to MP4

Convert a WebP animation to an MP4 video.

Convert MP4 to WebP

Convert an MP4 video to a WebP animation.

Compare WebP Images

Find the difference between two or more WebP images.

Compress WebP

Reduce the file size of a WebP image.

View WebP Metadata

View the metadata information of a WebP image.

Remove WebP Metadata

Remove all metadata information from a WebP image.

Edit WebP Metadata

Edit the metadata information of a WebP image.

Play WebP

Play WebP animations frame by frame.

WebP Viewer

View WebP images and in your browser.


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



Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!