Type a HEX code, pick a method, and see the black-and-white version instantly.
Enter a valid HEX code - 3, 6 or 8 digits.
Everything runs in your browser - no colors are ever uploaded
Luminosity, Average or Lightness - switch between them instantly and see how the result changes.
See the original color and its grayscale result together, not just one flat swatch.
Grayscale HEX, RGB, 0-255 value, brightness %, a ready CSS filter and the original HEX - click any one to copy.
No sign-up, no watermark, convert as many colors as you like.
Type a HEX code, use the eyedropper, or click one of the example swatches.
Luminosity for the most natural, perceptual result, or Average / Lightness for a quick, simple mix.
Tap the grayscale HEX, RGB, brightness % or CSS filter - it's copied straight to your clipboard.
Luminosity (Rec. 601) is the best default - it weighs green highest and blue lowest to match how the human eye perceives brightness, which is why it's used in most photo and design software.
Luminosity weighs red, green and blue by how sensitive the eye is to each. Average simply takes the mean of the three channels, which is faster but looks less natural. Lightness averages only the highest and lowest channel, matching the L in HSL.
The HEX code is split into red, green and blue channels, combined into one brightness number with the chosen formula, then that same number is used for all three channels again, which is why the result always looks neutral gray.
No. Every conversion happens locally in your browser. Nothing you type or pick is sent to a server.