Convert Image to Grayscale
Turn any colour photo, logo, or graphic into clean grayscale in one click. Upload, see the result instantly, and download — no signup to preview.
Free preview · No signup · ~10 seconds
Drop your images here
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
What makes a good grayscale conversion
True luminance, not just desaturation
We map each pixel with the Rec. 601 luma weighting (30% red, 59% green, 11% blue), the same formula broadcast and print use. The result reads as a proper monochrome photo — reds and greens keep their relative tonal weight instead of flattening to identical grays.
Keeps transparency intact
Grayscale only touches colour, never the alpha channel. A transparent PNG logo stays transparent — only the visible pixels turn gray — so the output drops straight onto any background.
Instant and private
The conversion runs entirely in your browser on an HTML canvas. Nothing is uploaded to convert, so it is fast and your image never leaves your device for the preview.
How the luma math works
Human eyes are far more sensitive to green than to blue, so a flat average of the three channels would make greens look dull and blues too bright. The weighted luma formula corrects for that, giving each colour the perceived brightness it should have in gray.
Grayscale versus black and white
Grayscale keeps every shade between black and white, so gradients and soft shadows survive. Black and white snaps each pixel to one of two values with a threshold. Choose grayscale for photos and detail, black and white for stencils and hard-edged graphics.
How to convert image to grayscale
Upload your image
Drag and drop a PNG, JPG, WebP, or SVG, or click to browse your files. The original loads on the left so you can compare it side by side.
See the grayscale result instantly
The tool converts the moment your image loads — the gray version appears on the right automatically, with no slider to set and no button to press.
Download
Grab a free low-resolution preview to check the look, or download the full-resolution PNG with one credit. Transparency is preserved in the export.
Where grayscale images get used
Print & newsprint
Prepare a single-channel version for grayscale print runs and photocopies where colour would not reproduce cleanly.
UI & wireframes
Strip colour from screenshots and assets so a mockup reads by layout and hierarchy, not hue.
Photo mood
Give product shots or portraits a timeless monochrome look before posting to social or a portfolio.
Contrast checks
Preview how a design holds up for colour-blind viewers by removing hue entirely and judging tonal contrast.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
How to Remove a Background in Figma (There Is No Built-In Way — Here Is What Works)
Figma has no background removal feature. The honest options are a third-party plugin that uploads your image to its vendor, or a hand-drawn vector mask — plus when each is actually the right call.
How to Make a Duotone in Photoshop (Gradient Map vs Duotone Mode)
Photoshop has two duotone features and the one named Duotone is usually the wrong one. Why Image > Mode > Duotone demands a Grayscale conversion, why Gradient Map is what you actually want, and how to keep it editable.
Grayscale your image now
Upload once, get an instant grayscale result, and download. No signup to preview.