What is a grayscale image?

A grayscale image keeps only the brightness of each pixel and drops the color, leaving shades of gray from black to white. The interesting part is how a color becomes a gray. Pure yellow and pure blue are both at full strength on screen, but yellow looks far lighter to the eye. A good conversion turns yellow into a light gray and blue into a dark one, instead of giving both the same middle gray.

Tool description

Open an image and it turns gray right away, with the method that follows how bright colors look to the eye. Pick another method to change how colors map to grays: a plain average, HSL lightness, or a single color channel. Compare the result with the original, then download it as PNG, JPG, or WebP.

Features

  • Six conversion methods, from perceptual luminance to single channels
  • Transparent areas stay transparent
  • Live preview with a before and after comparison, processed in your browser

How it works

  • Luminance weighs the channels by how bright they look: green counts most, red less, and blue least. The tool works it out in linear light, the way light adds up, so every gray is exactly as bright as the color it replaces.
  • Average is the mean of red, green, and blue. Blues come out lighter and greens darker than they look.
  • Lightness is halfway between the brightest and the darkest channel, the L of HSL. Pure red, green, and blue all become the same middle gray, so the result looks flat.
  • Red channel, Green channel, and Blue channel keep one channel, like black and white film shot through a color filter. The red channel darkens blue skies and smooths skin. The blue channel does the opposite.

Tips

  • Start with Luminance: it keeps the brightness of the scene the way you saw it.
  • For dramatic skies, try the red channel. Blue sky turns dark and the clouds stand out.
  • Download as JPG for the smallest file, or PNG to keep transparency.