Desaturates a color into greyscale Tool

Need to strip the color from a palette or preview grayscale versions of your brand colors? The Desaturate Color Tool converts any hex or RGB input into a grayscale version based on luminance and shows you exactly what it looks like side by side.

How to Use:

  1. Enter one or more colors into the input box. You can mix hex codes (like #FF6600) and RGB values (like rgb(100, 150, 200)), one per line.
  2. The tool converts each color into its grayscale equivalent using the luminance formula.
  3. You’ll see the new grayscale values listed in the output box.
  4. The preview area shows both the original and the desaturated swatches for comparison.
  5. Use Copy Output or Export to File to save the grayscale list.

What Desaturate Color Tool can do:

This tool accurately transforms any color into its grayscale version using the formula gray = 0.299R + 0.587G + 0.114B. You get consistent, neutral tones that preserve brightness – ideal for contrast testing, accessibility checks, or aesthetic exploration.

Example:

Input:

#FF6600
rgb(100, 150, 200)

Output:

#999999
#B6B6B6

(Swatches below show the original next to its grayscale result.)

Common Use Cases:

Perfect for designers who want to test black-and-white versions of UI themes, filter down logos or images for minimalism, or create grayscale wireframes. It’s a fast way to preview tone without the distraction of hue.

Useful Tools & Suggestions:

If you’re adjusting tones manually, Invert Color gives you a quick way to flip values and experiment with contrast. And when you’re crafting color schemes from scratch, Flat Color Picker Tool helps you choose clean, solid colors that work well even in greyscale.

Related Tools