ToolJutsu
All tools
Image Tools

Image Grayscale Converter

Convert color images to grayscale.

Processed on your device. We never see your files.

How to use Image Grayscale Converter

What this tool does

The Image Grayscale Converter desaturates a colour image to greyscale, with a continuous intensity slider that lets you control exactly how much colour to remove. At 0% the image is unchanged. At 100% it is fully grey. Anything in between gives you partial desaturation — a muted, vintage, or faded look that preserves some of the original colour while pulling it towards grey. The canvas preview updates in real time as you drag the slider. When the result looks right, one click downloads it as a PNG. The image never leaves your device.

Why you might need it

Full greyscale is a standard requirement for many publishing contexts. Printed documents are frequently cheaper to produce in greyscale, and newspapers, legal documents, and academic papers often require greyscale figures. Profile pictures and avatars are sometimes converted to greyscale for a formal or timeless look. Technical screenshots and diagrams intended for black-and-white printing are easier to prepare here than in a full image editor.

Partial desaturation — the slider set somewhere between 0 and 100 — is a more nuanced effect popular in portrait photography and editorial design. Pulling the saturation down to 60–70% produces a cooler, more subdued palette without committing to a fully black-and-white image. Fashion photography often uses this technique to keep skin tones present while reducing the vibrancy of clothing and backgrounds. Blog headers and hero images desaturated to 80% have a consistently editorial, magazine-like quality that works across different colour backgrounds in a design.

Social media profile pictures, ecommerce lifestyle shots, and thumbnail images for video content are all common use cases. A black-and-white version of a product photo can look striking in a brand campaign. A desaturated landscape photograph makes an effective background texture for a design layout because it does not compete for attention with overlaid text or UI elements.

How to use it

  1. Drop your image onto the upload area or click to browse and choose a file.
  2. The slider defaults to 100% (full greyscale) so you see the maximum effect immediately.
  3. Drag the Grayscale intensity slider left to bring back colour, or right to deepen the grey conversion.
  4. The canvas updates in real time at every slider step — no button needed.
  5. Click Download PNG to save the result to your device.
  6. Click Clear to load a different image and start over.

Format and quality notes

The output format is always PNG. Greyscale images, especially those converted from photographs, contain smooth luminance gradients that PNG encodes cleanly without introducing the blocking or banding artefacts that JPEG compression causes in smooth tones. For a greyscale portrait or landscape, the PNG is often a very reasonable file size because uniform grey areas compress well.

If file size is a concern for web use, the most efficient output for greyscale photographs is actually a JPEG — greyscale JPEG is among the smallest encodings available. Download the PNG from here and then convert it to JPEG using the Image Compressor or Image Format Converter, targeting quality 80–85%.

AVIF and WebP are also options for greyscale web images if you need very small file sizes, though AVIF encoding support in the Canvas API varies by browser. Use the Image Format Converter to handle those format conversions after downloading.

Tips for best results

For a classic documentary black-and-white look, set intensity to 100% and then apply a small contrast boost in the Brightness & Contrast Adjuster. An increase of +15 to +25 contrast on a greyscale image deepens the shadows and brightens the highlights, producing the bold tonal range associated with black-and-white photography.

For a subtle desaturation that keeps the mood of the original without the cold flatness of full grey, try 60–75%. This range tends to read as “cinematic” or “editorial” rather than “black and white,” which is a different aesthetic entirely.

For printed output, 100% greyscale is necessary — inkjet and laser printers that receive a colour image will still mix coloured inks to reproduce it, which is less accurate and more expensive than sending a proper greyscale image. Use full intensity (100%) for anything destined for a printer.

For a sepia-toned effect, use this tool at 100% to get the base greyscale, then download the PNG and open it in the Image Filter Applier and select the Sepia preset. The two-step process is quick and produces a warm, antique finish.

This tool is part of a canvas-filter family. Related tools include the Image Filter Applier for one-click style presets including Black & White, Sepia, and Vintage, the Image Brightness & Contrast Adjuster for exposure correction, the Image Blur Tool for softening, and the Pixelate & Mosaic tool for mosaic effects.

Frequently asked questions

Is my image uploaded anywhere when I convert it to grayscale?
No. The conversion happens entirely inside your browser using the HTML Canvas API. Your image file is read directly from your device into local memory, processed there by JavaScript, and the output is made available as a local download. No data is sent over the network at any point — check your browser's Network tab to confirm. Your image is seen only by your own browser.
What does the intensity slider control?
The intensity slider runs from 0% to 100%. At 0% the image is displayed in its original full colour, unchanged. At 100% the image is fully converted to grayscale. Values in between produce partial desaturation — for example, 50% gives you a muted, faded-colour result halfway between the original and full greyscale.
How is the grayscale conversion calculated?
The tool uses the browser's own CSS grayscale() filter applied via the canvas 2D filter API. The browser's implementation uses luminance-weighted averaging (the standard ITU-R BT.601 coefficients: 0.2126 R + 0.7152 G + 0.0722 B) which preserves perceived brightness across the grey tones, preventing the muddy or overly dark result that a naive average of all three channels would produce.
Can I convert only part of the image to grayscale?
This tool converts the entire image at once. For selective grayscale — where only a region is desaturated — you would need a layer-based image editor. You can approximate the effect by exporting the grayscale result from here and compositing it with the original in a graphics tool.
What format is the downloaded image?
The output is always a PNG file. Greyscale images with smooth gradients are well-suited to PNG. If you need a smaller JPEG or WebP output, run the PNG through the Image Compressor after downloading it.

Related tools