Grayscale
Removing hue and saturation while keeping the image's relative light and dark values as shades of gray.
See it
What it is
Grayscale removes chroma while keeping differences in perceived luminance, so every pixel becomes a shade from black to white. A proper conversion weights color channels by brightness rather than averaging red, green, and blue equally.
Use it for neutral image treatments, disabled previews, print checks, or testing whether a design's contrast survives without hue. CSS filter: grayscale(1) is convenient for display; image tools give more control over how each source color converts.
Gotcha: different hues can share the same luminance and collapse into one gray. Check charts, status colors, links, and controls after the conversion so meaning never depends on color alone.
Ask AI for it
Convert this image to grayscale using a perceptual luminance transform, not a simple RGB average. Preserve the original black point, white point, and local contrast, and adjust overlapping colors that collapse to the same gray so important shapes remain distinct.