Skip to content
Initurn

Convert an image to grayscale

Files never leave your device. All processing happens in your browser.

How to convert Image to Grayscale

  1. 1

    Drop in the images you want in black and white.

  2. 2

    Colour is removed using perceptual luminance weighting.

  3. 3

    Download the grayscale versions.

Removing colour sounds like it should be trivial, and it is the one place where a naive implementation is visibly worse than a correct one. The obvious approach — average the red, green and blue values — produces images that look muddy and wrong in a way most people notice without being able to say why.

Why a flat average fails

Human vision is not equally sensitive to the three primaries. Green contributes far more to perceived brightness than red, and red far more than blue. Averaging them equally therefore misrepresents how bright things actually look: green foliage comes out too dark, blue skies come out too light, and the whole image loses the tonal separation that made it readable in colour.

This tool uses the standard luminance weighting instead — roughly 30% red, 59% green, 11% blue. Those numbers come from measurements of human perception and are the same ones television has used to derive a black-and-white signal from a colour one since the 1950s. The result matches how bright each part of the scene genuinely appears.

What you can expect to change

  • Colours that were clearly distinct may become the same shade of grey. A red and a green of similar brightness are very different in colour and nearly identical in luminance.
  • Photographs generally gain contrast and structure, since the eye stops being distracted by hue and reads shape and light instead.
  • Charts, maps and diagrams often become unreadable, because they rely on colour alone to separate categories.
  • Skin tones usually reproduce well, which is why portraiture survives the transition better than most subjects.

It will not make the file smaller

A common assumption, and wrong for this output. The result is still stored as a full-colour image in which every pixel happens to have equal red, green and blue values. PNG compresses that repetition well, so it may shrink a little, but it is not a true single-channel greyscale file and nothing here converts it to one.

If your reason for going grayscale is file size, compressing to a size target will do far more for you — and greyscale genuinely does help there, because a JPEG encoder given an image with no colour information spends almost nothing on the colour channels. Converting here first and then compressing is a reasonable sequence for hitting a very small target.

Transparency is preserved

Only the colour channels are altered; the alpha channel is untouched. A logo with a transparent background stays transparent, which makes this usable for producing a monochrome version of an asset for use on coloured backgrounds. Everything runs in this tab with nothing uploaded.

Questions about Image to Grayscale

Why not just average the red, green and blue values?

Because the eye is far more sensitive to green than to blue. A flat average makes foliage too dark and skies too light, and flattens the tonal separation that made the image readable. Proper luminance weighting matches perceived brightness.

Will this make my file smaller?

Barely. The output still stores three colour channels that happen to be equal, so it is not a true single-channel greyscale file. If size is the goal, compress to a target size instead — greyscale does help there, but the compression does the work.

Why do two very different colours look identical now?

Because they had similar brightness even though their hues differed. Greyscale keeps luminance and discards hue, so a red and a green of matching brightness become the same shade. This is why charts often become unreadable.

Is the transparent background kept?

Yes. Only the colour channels are changed, so the alpha channel comes through untouched and a transparent logo stays transparent.

Can I get the colour back afterwards?

No. The hue information is discarded and cannot be recovered from the result. Keep your original if you may want the colour version again.

Is grayscale the same as black and white?

Not quite. Grayscale keeps the full range of grey tones between black and white. True black and white, sometimes called bilevel, allows only two values and looks entirely different — closer to a photocopy.