Our Network


Coming Soon


Coming Later

Bitmap Color Separator

World's Simplest Bitmap Tool

This is a free and fast online utility that separates the colors of a BMP into individual layers. You can use the configuration options (below) to separate colors automatically or select specific colors with custom tolerance values. Extra options allow you to place the layers side by side or combine them, crop or center their contents, and adjust the background and divider lines. Created by graphics designers from team Browserling.

Bitmap Color Separator

World's Simplest Bitmap Tool

This is a free and fast online utility that separates the colors of a BMP into individual layers. You can use the configuration options (below) to separate colors automatically or select specific colors with custom tolerance values. Extra options allow you to place the layers side by side or combine them, crop or center their contents, and adjust the background and divider lines. Created by graphics designers from team Browserling.

Tool Options

Bitmap Color Separation

Reduce the BMP to a limited palette and create a layer for each color.
Set how many color layers to create from the bitmap.
Create layers only for the colors specified below.
Enter one color/tolerance pair per line, such as: "navy/5%" "gold/12%".

Layer Arrangement

Place each separated color in a separate side-by-side area.
Place all separated colors on the same output canvas.

Layer Size and Position

Remove transparent space around the visible pixels in each layer.
Center the visible pixels in each full-size layer.

Background and Dividers

Set the color of empty pixels.
Outline the individual output layers with straight lines.
Thickness of each divider line in pixels.
Color of each divider line.

What Is a Bitmap Color Separator?

This free online browser-based tool separates the colors of a bitmap image into individual layers. It is useful for examining bitmap palettes, isolating parts of pixel art and sprites, creating color masks, and preparing individual color regions for further editing. You can separate colors automatically by reducing the BMP to a limited palette and creating one layer for every resulting color. Set the number of colors to control how many layers are produced. Alternatively, choose specific colors to extract by entering one color per line. Each color can be specified by a color name, hexadecimal value, or RGB value, as well as an optional tolerance after a slash, such as "navy/5%" or "gold/12%". The tolerance lets you include nearby shades instead of matching only one exact color. After the colors are separated, you can place the layers side by side in a row or combine them back onto a single canvas. Each layer can also be cropped to remove transparent space or kept at its original size with the visible pixels centered. Empty areas are transparent by default, but you can fill them with any background color. For easier visual separation, you can draw divider lines between the output layers and customize their width and color. Bmp-abulous!

What Is a Bitmap Color Separator?

This free online browser-based tool separates the colors of a bitmap image into individual layers. It is useful for examining bitmap palettes, isolating parts of pixel art and sprites, creating color masks, and preparing individual color regions for further editing. You can separate colors automatically by reducing the BMP to a limited palette and creating one layer for every resulting color. Set the number of colors to control how many layers are produced. Alternatively, choose specific colors to extract by entering one color per line. Each color can be specified by a color name, hexadecimal value, or RGB value, as well as an optional tolerance after a slash, such as "navy/5%" or "gold/12%". The tolerance lets you include nearby shades instead of matching only one exact color. After the colors are separated, you can place the layers side by side in a row or combine them back onto a single canvas. Each layer can also be cropped to remove transparent space or kept at its original size with the visible pixels centered. Empty areas are transparent by default, but you can fill them with any background color. For easier visual separation, you can draw divider lines between the output layers and customize their width and color. Bmp-abulous!


Bitmap Color Separator Examples

Click to try!
click me

Separate a Giraffe BMP into Three Color Layers

In this example, we separate a BMP image of a giraffe's head into three color layers. The first layer contains the light areas of its coat, the second isolates the blue sky, and the third contains the giraffe's dark markings. By splitting these tones apart, we can clearly see the light-and-dark pattern that forms the giraffe's distinctive coloring. (Source: Pexels.)

Required options
These options will be used automatically if you select this example.
Reduce the BMP to a limited palette and create a layer for each color.
Set how many color layers to create from the bitmap.
Enter one color/tolerance pair per line, such as: "navy/5%" "gold/12%".
Place each separated color in a separate side-by-side area.
Remove transparent space around the visible pixels in each layer.
Center the visible pixels in each full-size layer.
Set the color of empty pixels.
Outline the individual output layers with straight lines.
Thickness of each divider line in pixels.
Color of each divider line.
click me

Extract a Flower from a Colorful Pattern

In this example, we extract four custom colors from a BMP pattern filled with flowers and leaves. We select coral pink, soft pink, golden yellow, and teal, then combine the extracted colors on one canvas. As a result, the main flower and several small surrounding leaves are isolated from the original pattern and placed together on an azure background. (Source: Vecteezy.com.)

Required options
These options will be used automatically if you select this example.
Create layers only for the colors specified below.
Enter one color/tolerance pair per line, such as: "navy/5%" "gold/12%".
Place all separated colors on the same output canvas.
Remove transparent space around the visible pixels in each layer.
Center the visible pixels in each full-size layer.
Set the color of empty pixels.
Outline the individual output layers with straight lines.
Thickness of each divider line in pixels.
Color of each divider line.
click me

Separate a Goomba Sprite into Color Layers

In this example, we separate a Little Goomba sprite from the Mario game series into its four pixel colors. Since the sprite uses four colors, we set the number of layers to 4 and create one image for each color. White makes up the background, burnt orange forms its cap, black defines its eyebrows, eyes, and feet, and light beige forms the mushroom's stem. We also center each color pattern and add black divider lines between the four layers. (Source: Nintendo.)

Required options
These options will be used automatically if you select this example.
Reduce the BMP to a limited palette and create a layer for each color.
Set how many color layers to create from the bitmap.
Place each separated color in a separate side-by-side area.
Remove transparent space around the visible pixels in each layer.
Center the visible pixels in each full-size layer.
Set the color of empty pixels.
Outline the individual output layers with straight lines.
Thickness of each divider line in pixels.
Color of each divider line.

All Bitmap 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 an opaque bitmap to a transparent bitmap.
Quickly substitute one color for another in a bitmap.
Quickly find all colors in a bitmap and extract them.
Quickly change the number of bits used by every BMP pixel.
Quickly redraw a bitmap with a smaller selection of colors.
Quickly separate bitmap colors into individual layers.
Quickly turn a color bitmap into a grayscale bitmap.
Quickly change all bitmap colors to just black and white.
Quickly animate a bitmap sprite sheet.
Quickly convert an animation into a bitmap sprite sheet.
Quickly blur an area of a bitmap.
Quickly sharpen an area of a bitmap.
Quickly pixelate an area of a bitmap.
Quickly create a bitmap file from random, colorful pixels.
Quickly change the width/height of a bitmap.
Quickly select a region from a bitmap.
Quickly rotate a bitmap by any angle.
Quickly flip a bitmap image horizontally.
Quickly flip a bitmap image vertically.
Quickly add a border around or inside a bitmap.
Quickly delete a border that surrounds a bitmap.
Quickly create a byte array from a BMP image.
Quickly create a BMP image from a byte array.
Quickly convert bitmap pixels into hexadecimal color codes.
Quickly convert RGB bitmap colors to BGR channel order.
Quickly convert BGR bitmap colors to RGB channel order.
Quickly create a BMP image by mapping text symbols to colored pixels.
Quickly convert a BMP file to the base-64 encoding.
Quickly convert base-64 encoding to a BMP file.
Quickly convert a bitmap image to a 32-bit BMP.
Quickly convert a bitmap image to a 24-bit BMP.
Quickly convert a bitmap image to a 16-bit BMP.
Quickly convert a bitmap image to an 8-bit BMP.
Quickly convert a bitmap image to a 4-bit BMP.
Quickly convert a bitmap image to a 1-bit BMP.

Coming Soon

These bitmap tools are on the way!
Edit and Draw Bitmaps

Create and edit bitmaps in your browser.

Compress a Bitmap

Make a bitmap smaller in size.

Uncompress a Bitmap

Convert a compressed bitmap to a raw RGB pixel bitmap.

Swirl a Bitmap

Create a swirl of any radius in a bitmap.

Merge Bitmaps

Join two or more bitmaps together.

Overlay Bitmaps

Place two or more bitmaps on top of each other.

Split a Bitmap

Split a bitmap into multiple independent bitmaps.

Extract a Bitmap Fragment

Extract one or more selected areas from a bitmap.

Duplicate a Bitmap

Make copies of bitmaps and paste them together.

Skew a Bitmap

Skew a bitmap by an arbitrary angle.

Shift a Bitmap

Shift a bitmap to the left or right.

Convert Bitmap to Webp

Convert a BMP to a Webp.

Convert Webp to Bitmap

Convert a Webp to a BMP.

Convert Bitmap to PNG

Convert a BMP to a PNG.

Convert PNG to Bitmap

Convert a PNG to a BMP

Convert Bitmap to JPEG

Convert a BMP to a JPG.

Convert JPEG to Bitmap

Convert a JPG to a BMP.

Convert Bitmap to BPG

Convert a BMP to a BPG.

Convert BPG to Bitmap

Convert a BPG to a BMP.

Convert GIF to Bitmap

Save GIF frames as BMP images.

Convert BMP to GIF

Convert a bitmap to a single-frame GIF.

Convert Bitmap to Data URI

Create a Data URL scheme of a bitmap.

Convert Data URI to Bitmap

Convert a Data URL scheme back to a bitmap image.

BitBlt Bitmaps

Bit Blit two or more BMPs.

Replace Bitmap Color Index

Put a new color table in a BMP.

Print Bitmap Color Index

Extract the color table of a BMP.

Print Raw Bitmap Pixels

Extract raw RGB pixels from a BMP and print them out as text.

Convert Raw RGB to BMP

Create a bitmap image from raw RGB pixels.

Randomize Bitmap Color Index

Randomly rearrange colors in the BMP color table.

Optimize a Bitmap

Reduce a BMP's memory footprint.

Destroy a BMP

Destroy parts of a bitmap and make it glitchy.


Subscribe!

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

Enter your email here


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

Created with love by

We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling, we love to make people's lives easier, so we created this collection of online bitmap tools. Our BMP tools have the simplest possible user interface and work directly in your browser without downloads or installations. You can use them to edit bitmap images, change BMP bit depth and colors, resize bitmaps, create transparent BMPs, work with bitmap pixels and byte arrays, and much more. Behind the scenes, our bitmap tools are powered by our web developer tools that we've created over the years. Check them out!

49K
@browserling

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