Color to Grayscale
Compare common grayscale formulas for any hex color.
Compare grayscale conversions
There is no single “correct” grayscale — the average, luminosity, and lightness methods each produce a different gray from the same color, and the right one depends on whether you care about perceived brightness or raw value. This tool shows the common formulas for any hex so you can pick.
Seeing the methods side by side is useful for accessible UI states, print prep, and understanding why an auto-converted image looks flat. Enter a color and compare the results to choose the conversion that fits your use.
Accurate and private
Everything runs locally in your browser using standard web APIs — nothing is uploaded, logged, or stored on any server — so the tool works offline, responds instantly, and keeps whatever you paste in on your own device. That makes it safe to use even for confidential, client, or internal data you would never send to an unknown website.
Frequently Asked Questions
What does the color to grayscale converter do?
It converts a hex color to grayscale using average, luminosity, and lightness formulas.
Can I use the output in production?
Yes. Review the generated values, then copy the CSS, color list, or text output into your design system or project files.
Does this upload my colors or images?
No. The tool runs in your browser. Uploaded images are read locally and are not sent to a server.
Is this tool free?
Yes. It is free to use and does not require an account.
Need a polished visual system? Bushe can help turn rough ideas into production-ready design.