Image Grayscale Converter
Convert images to greyscale in your browser, with the luminance weighting that makes the difference between good and flat results.
Image Grayscale Converter
Transform your photos into classic black and white instantly.
Click to upload or drag and drop
SVG, PNG, JPG or GIF (max 800x4000px)
Preview
Settings
Your image has been converted to grayscale using the luminance formula (0.299R + 0.587G + 0.114B).
How it works
We process the image directly in your browser using HTML5 Canvas. Each pixel's RGB values are weighted to produce an accurate grayscale representation.
Privacy First
Your photos never leave your device. All processing happens locally in your web browser, ensuring complete privacy.
High Quality
We maintain the original resolution of your image. The result is a high-quality, professional black and white photo.
Need this done properly for your business?
Radiatus delivers secure cloud, DevOps & compliance engineering.
Averaging the channels looks wrong
The naive conversion averages red, green and blue equally. The result is flat and muddy, because human vision is not equally sensitive to the three: green contributes far more to perceived brightness than blue does. The standard luminance formula weights them roughly 0.21 red, 0.72 green and 0.07 blue, and the difference is immediately visible. A red apple against green leaves becomes an indistinguishable grey blob under averaging and stays clearly separated under proper weighting.
Different weightings for different purposes
The Rec. 601 coefficients came from analogue television and are still widely used. Rec. 709 is the HD standard with slightly different weights. For photographic work either is fine; the perceptual difference is subtle. What matters far more is not using a flat average.
Channel mixing is how photographers actually work
Black-and-white film photographers used coloured filters to control tonal separation: a red filter darkens blue sky dramatically and makes clouds stand out. The digital equivalent is deliberately over-weighting one channel. Pulling more from the red channel darkens skies and lightens skin; pulling from blue lightens skies and makes skin blotchy. This is where a conversion stops being mechanical and becomes a decision.
CSS filter is not the same as converting the file
Applying a greyscale filter in CSS changes only how the image displays. The file still carries full colour, still downloads at full size, and appears in colour anywhere the CSS does not apply, including when saved or printed. If you want a greyscale file, convert the file.
Greyscale does not always shrink the file
A greyscale JPEG is usually smaller because chroma information is removed, but a greyscale PNG saved with an RGB palette is the same size as the colour original. Saving with an actual greyscale colour type is what produces the reduction.
Test your interface in greyscale
Beyond photography, converting a screenshot to greyscale is the fastest accessibility check available. Anything that becomes indistinguishable was relying on hue alone, which fails for the roughly one in twelve men with colour vision deficiency.
Frequently Asked Questions
Privacy & Security
Processed locally in browser.
About This Tool
This tool runs entirely in your browser. No data is sent to any server, ensuring complete privacy. Simply use the interface above to get started — no registration or login required.
Disclaimer: This tool is provided "as is" without warranty of any kind. Results are for educational and utility purposes.
Related Tools
Base64 Image Tool
ImageEncode images to Base64 strings or decode strings back to images.
EXIF Viewer
ImageExtract hidden EXIF data (Camera, GPS, Settings) from images.
Favicon Generator
ImageGenerate favicons and app icons at every required size from one source image, with the exact HTML to reference them.