Skip to content

Image Grayscale Converter

Convert any image to grayscale directly in your browser with 7 algorithms, side-by-side preview, and instant download.

Updated

What is the Image Grayscale Converter?

Convert any color image to grayscale directly in your browser. No uploads, no signups, no watermarks — your images stay on your device at all times.

What You Can Do

  • Upload any image via drag-and-drop, click-to-browse, or paste from clipboard
  • Choose from 7 grayscale algorithms including luminance, average, lightness, and individual color channels
  • Compare before and after with a split-view slider or side-by-side layout
  • Export your result as PNG, JPEG, or WebP with adjustable quality
  • Copy the grayscale image directly to your clipboard

Why Use Grayscale?

Grayscale images strip away color distractions and emphasize tone, contrast, texture, and composition. They are essential for photography, print preparation, document scanning, accessibility testing, machine-learning preprocessing, and artistic design.

Unlike a simple "desaturate" filter that flattens all colors into a dull gray, this tool uses perceptually accurate algorithms that preserve the visual weight and depth of your original image.

How it works

This tool runs entirely in your browser using the HTML5 Canvas API. Your image is never uploaded to a server.

Step-by-Step Process

  1. Upload your image — Drag and drop, click to browse, or paste from your clipboard. Supported formats include PNG, JPG, WebP, GIF, BMP, and TIFF.
  2. Choose a grayscale algorithm — The tool recalculates the grayscale image instantly as you switch methods.
  3. Preview the result — Toggle between side-by-side comparison and an interactive split-view slider to see exactly how the conversion changes your image.
  4. Adjust export settings — Select PNG (lossless), JPEG (smaller file), or WebP (modern compression). For JPEG and WebP, adjust the quality slider.
  5. Download or copy — Save the grayscale image to your device or copy it directly to your clipboard.

Grayscale Algorithms Explained

Algorithm Formula Best For
Luminance (ITU-R BT.709) 0.2126R + 0.7152G + 0.0722B General photography — matches human eye sensitivity
Average (R + G + B) / 3 Technical applications, equal channel treatment
Lightness (max(R,G,B) + min(R,G,B)) / 2 Artistic effects with balanced midtones
Desaturation max(R, G, B) High-contrast, brighter images
Red Channel R Emphasizing red tones (e.g., darkening blue skies)
Green Channel G Emphasizing green tones (e.g., brightening foliage)
Blue Channel B Emphasizing blue tones (e.g., brightening skies)

The Luminance method is the default and recommended choice for most images because it weights green highest — matching how the human eye perceives brightness.

Privacy & Performance

  • 100% client-side — All pixel processing happens in your browser using JavaScript and the Canvas API.
  • No server uploads — Your images never leave your device.
  • No data stored — Nothing is saved to localStorage, cookies, or any external service.
  • Fast processing — Even high-resolution images are processed instantly using optimized pixel loops.

Examples

Portrait to Grayscale

Convert a color portrait photo to grayscale using the perceptual luminance algorithm for natural skin tones.

Upload a color portrait photo (JPG or PNG)
 
A grayscale version of the portrait with preserved tonal depth and contrast

Landscape with Red Channel Filter

Use the Red Channel algorithm to darken blue skies and make white clouds pop, emulating a classic darkroom red filter effect.

Upload a landscape photo with a blue sky
 
A grayscale landscape where the sky is dramatically darker and clouds stand out

Logo for Print Preparation

Convert a full-color logo to grayscale for single-color print or embroidery specifications.

Upload a colorful PNG logo with transparency
 
A grayscale PNG logo with the alpha channel preserved for transparent backgrounds

Clipboard Paste and Copy

Paste a screenshot from your clipboard, convert it to grayscale, and copy the result directly back to your clipboard.

Paste an image from clipboard using Ctrl+V
 
Grayscale image copied to clipboard, ready to paste into any application

Frequently asked questions

What image formats are supported?

PNG, JPG/JPEG, WebP, GIF, BMP, and TIFF are all supported. You can upload any of these formats and export your grayscale result as PNG, JPEG, or WebP.

Is my image uploaded to a server?

No. All processing happens entirely inside your browser using the HTML5 Canvas API. Your image never leaves your device and no data is transmitted to any server.

What is the difference between grayscale and black and white?

Grayscale preserves 256 shades of gray ranging from pure black to pure white, creating smooth tonal transitions. True black and white (also called binary or 1-bit) contains only two colors — pure black and pure white — with no intermediate shades. In everyday language, "black and white" usually refers to grayscale.

Which grayscale algorithm should I use?

For most photos, use Luminance (ITU-R BT.709) — it produces the most natural-looking result because it matches how the human eye perceives brightness. Use Average for technical applications, Lightness for artistic balance, Desaturation for high-contrast brightness, and individual color channels (Red, Green, Blue) to emulate darkroom filter effects.

Can I compare the original and grayscale versions?

Yes. You can toggle between two preview modes: Side by Side shows the original and grayscale images next to each other, while Compare provides an interactive slider that lets you drag across the image to reveal the original underneath the grayscale version.

Can I paste an image from my clipboard?

Yes. Simply copy any image to your clipboard (e.g., from a screenshot tool or another application) and press Ctrl+V (or Cmd+V on Mac) while the tool is focused. The image will be pasted and converted automatically.

What export formats are available?

You can download your grayscale

Related tools

More utilities you might find handy.

Image

Avatar Generator - Placeholder & Initials Avatar Maker

Generate beautiful placeholder avatars with initials, gradients, pixel, identicon and geometric styles in seconds
Image

Color Picker From Image

Extract HEX, RGB, and HSL color codes from any image with pixel-perfect precision.
Image

EXIF Viewer Online

View EXIF data from any photo instantly in your browser — see camera model, shutter speed, aperture, ISO, GPS location, and date taken. 100% private, no upload.