How it works
The Image to Grayscale converter removes color information from any photo, producing a black-and-white version using luminance-preserving conversion. Unlike simple desaturation, the tool applies the industry-standard ITU-R BT.601 luma coefficients (R×0.299 + G×0.587 + B×0.114) to produce perceptually accurate grayscale where bright colors appear light and dark colors appear dark.
Grayscale images have a wide range of applications. Photographers use them for artistic effect and to evaluate tonal range without color distraction. UI designers use gray placeholders to test layout contrast before final photography is ready. Machine learning engineers convert training images to grayscale to reduce input dimensionality. Print designers use grayscale to prepare images for black-and-white print runs.
How to use it: upload your image. The grayscale conversion is applied instantly. A side-by-side preview shows the original alongside the desaturated result. The output downloads as JPG, PNG, or WebP — your choice. There is no quality loss for PNG output (lossless), and JPG quality is configurable.
Grayscale vs. desaturation: CSS filter: grayscale(100%) or Photoshop's Desaturate mode uses a simple average of R, G, B channels — this produces muddy results where equally bright but differently colored pixels appear the same gray. The luma formula used here treats green as the dominant channel (as human vision does), producing a perceptually accurate result where a bright yellow and a dark blue are correctly distinguished by brightness.
Privacy: color-stripping is applied using the HTML Canvas API getImageData and putImageData methods. No pixel leaves your browser.
Frequently Asked Questions
- Simple desaturation averages the R, G, B channels equally. Grayscale conversion using luma coefficients (R×0.299 + G×0.587 + B×0.114) matches human perception — bright yellows appear lighter than dark blues, producing a more natural-looking black-and-white image.
- Yes. Toggle Advanced mode to set individual weights for the Red, Green, and Blue channels. Increasing the Red weight brightens skin tones and lips. Increasing the Blue weight brightens sky and shadows. This matches the Lightroom/Photoshop HSL grayscale mixer.
- Functionally yes — both produce images with only luminance information (no color). Artistic black-and-white photography additionally involves choices about contrast, tonal curve, grain, and vignette that aren't applied by this conversion alone.
- JPG is recommended for photos. The grayscale JPG is roughly 1/3 the file size of the equivalent color JPG because the chroma channels compress to near-zero. PNG is recommended for graphics, illustrations, and any image requiring lossless output.