Image to Grayscale

Convert any image to grayscale with adjustable brightness and contrast. Download as lossless PNG — all processing happens in your browser.

🖼️

Drop an image to convert to grayscale

PNG · JPEG · WebP · BMP

Frequently Asked Questions

How does the grayscale conversion work?

Each pixel's gray value is calculated using the luminance formula: 0.299×R + 0.587×G + 0.114×B. This matches how human vision perceives brightness — green contributes more than red, and blue the least.

What do brightness and contrast controls do?

Brightness scales the gray value proportionally (>100% lighter, <100% darker). Contrast scales the deviation from the midpoint (128), increasing or decreasing the difference between light and dark areas.

Is alpha/transparency preserved?

Yes. The alpha channel is unchanged — transparent areas remain transparent in the grayscale PNG output.

Does my image get uploaded to a server?

No. All processing happens client-side using the HTML5 Canvas API and ImageData. Your images never leave your device.

How Grayscale Conversion Works

The tool uses the luminance formula from the ITU-R BT.601 standard to convert each pixel's RGB values to a single brightness value:

Luminance = 0.299 × R + 0.587 × G + 0.114 × B

These weights reflect how the human eye perceives brightness — green contributes the most (58.7%), red the second (29.9%), and blue the least (11.4%), because our eyes have more green-sensitive cone cells.

Grayscale vs Desaturation

Desaturation sets the HSL saturation to 0, which uses the average of R/G/B. This looks less natural because it ignores how the human eye perceives different wavelengths. The luminance method produces images that appear more perceptually correct.

Common Use Cases

  • Print preparation — convert photos to grayscale before printing on a monochrome printer to preview the output accurately.
  • Accessibility testing — viewing a UI in grayscale reveals whether information is conveyed through colour alone (a WCAG violation).
  • Artistic effect — classic black-and-white photography processing for portrait or documentary style images.
  • Performance — grayscale PNG images can be smaller than colour ones, useful for monochrome diagrams and charts.