Skip to content
Spellkit

Image Grayscale

Convert a color image to black and white.

Processed in your browser — never uploaded, discarded after download.

What is Image Grayscale?

Image Grayscale converts a color photo to black and white using the standard relative-luminance formula, not a flat average of red, green, and blue — human eyes are far more sensitive to green light, so weighting it heavily keeps the result's brightness closer to how the original photo actually looks. A flat-average conversion tends to look duller and flatter, especially in photos with strong greens or blues. Useful for print documents, scans, thumbnails, or a deliberate black-and-white look.

Key features

  • Standard relative-luminance conversion, not a flat RGB average
  • Preserves perceived brightness better than naive desaturation
  • Good for print-ready documents, scans, and B&W design work
  • Chain with Resize or Compress for a finished asset

How to convert an image to grayscale properly

The Image Grayscale tool converts a color photo to black and white directly in your browser and saves the result as a PNG. The conversion runs on your device — the color original is never uploaded — so it's fine for private documents and scans.

Steps

  1. Choose an image.
  2. Run the conversion.
  3. Download the grayscale PNG.

Why grayscale isn't just "averaging the colors"

The obvious way to make a pixel gray is to average its red, green, and blue values equally. That's wrong, because human eyes are not equally sensitive to those three primaries — we perceive green as far brighter than blue at the same intensity. Average them equally and a vivid green and a deep blue that read as very different brightnesses to the eye collapse to the same flat gray.

This tool instead uses relative luminance, the weighting behind the browser's grayscale filter, which applies the Rec. 709 coefficients: 0.2126 × red + 0.7152 × green + 0.0722 × blue. Green is weighted roughly 3.4× more than red and about 10× more than blue, which keeps each area's brightness close to how the original actually reads. The practical payoff shows up most in photos with strong greens, blues, or reds: a luminance conversion preserves the sense of depth and contrast, while a flat average tends to look muddy and washed out.

When grayscale is the right call

  • Print documents that are black-and-white only, or where color would waste toner.
  • Scans and thumbnails, where color adds file size without adding information.
  • A deliberate monochrome look for design work or photography.

A note on file size

Converting to grayscale removes color information, but it doesn't automatically make a much smaller file — a PNG still stores three color channels unless it's specifically saved as a single-channel image, and the pixel count is unchanged. If your real goal is a smaller file, run the grayscale result through a compressor or converter afterward. In a Spell Chain, you can combine Grayscale with Resize and Compress so a print-ready, smaller file comes out in a single pass.

A note on accessibility

Because the conversion is luminance-based, it doubles as a quick contrast check: view a design in grayscale and any two colors that were only distinguishable by hue — say a red and green of similar brightness — will merge into the same tone, exactly as they do for a viewer with color-vision deficiency. If your chart legend or button states vanish in grayscale, they need a difference in lightness, not just color.

What it won't do

This is a straight tonal conversion, not a photo filter — there's no contrast, brightness, or "dramatic B&W" adjustment, and the effect isn't reversible, since the color data is gone once you save. Keep your color original if you might want it back.

Frequently asked questions

Why not just average the red, green, and blue values?
Because the eye isn't equally sensitive to those primaries, so an equal average makes a vivid green and a deep blue collapse to the same flat gray even though they look very different in brightness. This tool uses relative luminance instead, weighting green about 3.4x more than red and 10x more than blue, which keeps tones true to the original.
What formula does it use?
It applies the browser's grayscale filter, which uses the Rec. 709 luminance coefficients: 0.2126 x red + 0.7152 x green + 0.0722 x blue. The heavy weighting on green is what preserves depth and contrast in photos with strong colors, where a naive average tends to look muddy.
Will the grayscale image be a smaller file?
Not necessarily. The output is a PNG that still stores color channels and the same number of pixels, so removing color information doesn't automatically shrink it much. If a smaller file is the goal, run the result through a compressor or converter afterward, or chain Grayscale with Resize and Compress in a Spell Chain.
Can I get the color version back afterward?
No, the conversion is one-way; once you save the grayscale PNG the original color data is gone from that file. Keep your color original if there's any chance you'll want it back. The processing runs entirely on your device, so nothing is uploaded either way.

Privacy

The grayscale conversion runs entirely client-side; your original color photo is never sent to a server.