Loading…

How to use Grayscale Converter

Enter a color, and the tool converts it to perceptual grayscale using Rec.601 luma weighting.

Frequently asked questions

How is grayscale calculated?

We use Rec.601 luma: 0.299×R + 0.587×G + 0.114×B, which weights green highest because the eye is most sensitive to it.

Why not just average the channels?

A simple average ignores how the eye perceives brightness. Luma weighting produces greys that match perceived lightness far better.

Is the result always neutral grey?

Yes — the red, green and blue channels are set to the same luma value, giving a perfectly neutral grey.

More Color Tools

Sepia Tone Converter
Apply the classic sepia photo tone matrix to any color
HEX Shorthand Expander
Expand 3-digit hex to 6-digit and shorten collapsible hex codes
Pastel Color Generator
Turn any bold color into a soft pastel version instantly
CSS color-mix() Generator
Build a CSS color-mix() in srgb and preview the computed result
Nearest Tailwind Color
Find the closest Tailwind CSS color name and shade for any hex
Color Blend Mode Calculator
Compute multiply, screen, overlay and more blend results of 2 colors
RGB Percentage Converter
Convert HEX to percentage rgb(), 0–1 float and 8-bit integer forms
Color Picker
Pick colors visually and get HEX, RGB, HSL, HSV, CMYK values
Color Format Converter
Convert between HEX, RGB, HSL, HSV, CMYK, LAB and CSS names
Color Contrast Checker
Check WCAG AA/AAA contrast ratios for text and backgrounds
WCAG Color Compliance
Test all WCAG 2.1 text size requirements with pass/fail badges
Color Mixer
Blend two colors with a ratio slider and preview the mix

← View all Color ToolsBrowse all 1,100+ tools →