Grayscale
Original
Preview filters and effects
Show how a filter changes mood, tone, color, and contrast before applying it.
- Visual effect
Filter demos are most useful when every filter uses the same source image for easy comparison.
Grayscale Image
Convert color into tone without turning the image into a harsh two color threshold.
or drag and drop images here
Fast async jobs
No install required
Temporary files
Batch uploads
See what this tool changes
Accepted files
.png, .jpg, .jpeg, .webp
Output formats
same_as_input, jpg, png, webp
API endpoint
/filter
Use this tool from your app
Submit files to /filter, poll the job endpoint, then download outputs programmatically.
What it changes
Convert color into tone without turning the image into a harsh two-color threshold.
How it works
Grayscale remaps each pixel to a luminance-style value, so color contrast becomes brightness contrast. The exact look depends on whether the processor uses perceptual weighting, a color-space conversion, or a simple channel mix.
Performance
Runs quickly because it is a per-pixel color transform. It scales mostly with megapixels, not with the strength setting.
Best for
- portraits with strong light
- documents
- editorial images
- checking whether a graphic relies only on color
Limitations
- product images where color accuracy sells the item
- charts that use hue without labels
- brand assets with strict color rules
Common artifacts
- flat-looking skin
- lost color-coded meaning
- muddy midtones when the original colors had similar luminance
Settings
slider
amount
Blends between the original color image and the grayscale result.
boolean
strip_metadata
Removes metadata from generated output when supported.
FAQ
Is grayscale the same as black and white?
No. Grayscale keeps many tones between black and white. A black-and-white threshold reduces the image to two tones.
Why did two different colors become the same gray?
Colors with similar luminance can collapse to similar gray values. Add labels or contrast when the distinction matters.
What does Grayscale Image do?
Convert color into tone without turning the image into a harsh two-color threshold.
Which images work best with Grayscale Image?
Use clear source images and preview at final output size before publishing.
What can go wrong with Grayscale Image?
Artifacts, excessive processing, color changes, or metadata changes can occur depending on settings and output format.
Does Grayscale Image change metadata?
Metadata behavior depends on export settings. Strip personal metadata for public sharing and preserve ICC profiles when color matters.
Can I use Grayscale Image without installing software?
Yes. Upload an image, apply the filter through ImageHQ, and download the processed result from the browser.
Does this create a separate backend endpoint?
No. Filter pages are frontend SEO routes that submit to the compact POST /v1/filter API.
Related pages
References
filter CSS property
MDN Web Docs - browser_documentation
ImageMagick command-line options
ImageMagick - library_documentation
Understanding Success Criterion 1.4.3: Contrast (Minimum)
W3C WAI - standards_body
grayscale() CSS function
MDN Web Docs - browser_documentation
Filter Effects Module Level 1
W3C - official_spec