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 to edit and preview · HD download with a free account
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
What to DIY and What to Pay a Designer For
Where design money actually earns its return at pre-seed, where it doesn't, and the honest line between the work worth commissioning and the work worth doing yourself.
Making Your Pitch Deck Look Consistent (Logos, Screenshots, Charts)
Why a deck looks amateur even when every slide is fine on its own — and the four mechanical fixes that make forty slides read as one document.
What Your Developer Actually Needs From Your Logo
The handoff spec nobody writes down: which logo file goes in which slot, why the 4 MB PNG breaks the header, what an OG image is, and the five files that end the back-and-forth.
Grayscale your image now
Upload once, get an instant grayscale result, and download. No signup to preview.