Image looks too dark
A naïve average-of-RGB grayscale conversion over-darkens red and green pixels.
Fix: This tool uses the Rec. 601 luma weighting (0.299·R + 0.587·G + 0.114·B) for perceptually correct brightness.
Grayscale Image
Convert any image to black-and-white grayscale in the browser with adjustable intensity and instant PNG/JPG export
Advertisements
content bottom • up to 300x250
Advertisements
sidebar • 160x600
What is Grayscale Image
Last reviewed:
Grayscale is the image mode where every pixel is a shade of gray between black and white. It removes color but preserves tonal contrast, making it a staple of black-and-white photography and print.
Grayscale Image takes any uploaded photo and converts it to grayscale using the Rec. 601 luminance formula so the result looks natural — no over-darkened skin tones or washed-out skies.
Why use it
- Convert color photos to tasteful black and white without opening Photoshop.
- Produce a neutral base for print design, newspapers, or monochrome branding.
- Reduce file size and visual noise before sharing or archiving.
- Everything runs client-side — images never leave your browser.
Features
- Rec. 601 luma formula
- Adjustable intensity slider
- Transparent PNG export
- JPG export with quality control
- Drag-and-drop image upload
- Grayscale rendered locally in your browser
How to use Grayscale Image
- Upload. Drag an image or click Choose image.
- Adjust. Slide desaturation between 0% and 100%.
- Export. Click Download to save the result as PNG or JPG.
Example (before/after)
Color photo
sunset.jpg (1920×1080, sRGB, 312 KB)
Grayscale output
sunset.png (1920×1080, grayscale, Rec. 601 luminance, transparent background preserved)
Common errors
Transparency is lost
Exporting as JPG flattens the alpha channel to white.
Fix: Choose PNG as the export format to keep transparent pixels transparent.
FAQ
Are my photos uploaded?
No. The conversion runs entirely in your browser via the Canvas API.
Can I partially desaturate?
Yes — the slider lets you pick any level between 0% (original) and 100% (fully grayscale).
Which export formats are supported?
PNG (lossless, keeps transparency) and JPG (smaller, flattened to white).
Is the grayscale perceptually correct?
Yes — we use the Rec. 601 luma formula, which matches how humans perceive brightness across red, green, and blue.
Related tools
Related image tools: You can also browse the full Image Tools category for more options.
Desaturate Image
Reduce the saturation of any image with a slider from full color to fully desaturated — runs entirely in your browser
Pixelate Image
Apply a pixelation (mosaic) effect to any image with an adjustable block size — perfect for retro looks or quick redactions
Round Image Corners
Add rounded corners to any image with adjustable radius and transparent background — export as PNG
Flip Image
Mirror any image horizontally or vertically in the browser with a single click and export as PNG or JPG
Rotate Image
Rotate an image by any angle (including free-form degrees) with transparent fill — fast, browser-based
Resize Image
Resize any image to exact pixel dimensions or a percentage, with optional aspect-ratio lock and instant PNG/JPG export
Crop Image
Crop any image to a custom rectangle with precise pixel coordinates or preset aspect ratios — client-side only
Image to Base64
Convert local image files into Base64 text ready to paste into email, JSON payloads, or data URLs
Base64 to Image Converter
Paste any Base64 data URL or raw Base64 string, auto-detect the MIME type, and preview plus download the image
Censor Image (Blur & Pixelate)
Redact sensitive areas of an image by drawing a rectangle and applying pixelate or blur — everything stays in your browser
Image Invert Colors
Invert colors of an image
Image Metadata Viewer
Inspect image dimensions, alpha support, and basic file metadata