Image Filter (Grayscale, Sepia, Invert, Saturate)
Apply grayscale, sepia, invert, or saturation filters to any image.
Quick canvas filters for any image: grayscale, sepia (vintage tone), color invert, and a saturation slider from 0 to 2×. The processed image is downloaded as PNG. All filtering happens in your browser using ctx.filter — no upload, no signup.
Common use cases
- Convert color photos to black & white for a clean editorial look
- Add a sepia tone to give modern shots a vintage 1900s feel
- Invert colors for accessibility or artistic effects
- Boost or kill saturation to make a photo pop or look muted
Frequently asked questions
Why grayscale instead of just desaturate?▾
Pure grayscale uses luminance weighting (Rec. 709) for natural-looking conversions. Setting saturation to 0 in the saturate slider achieves a similar effect via a different math path.
Are these the same as CSS filters?▾
Yes — they use the same ctx.filter strings as CSS, so the look matches what you'd see with a `filter:` rule in the browser.
Can I combine filters?▾
This tool applies one filter at a time for predictable output. To stack effects, run the result through the tool a second time.
Related tools
🖼️
Image Format Converter (PNG ↔ JPG ↔ WEBP)
Convert images between PNG, JPG and WEBP entirely in your browser.
🗜️
Image Compressor
Reduce image file size with adjustable quality, preview before saving.
📐
Image Resizer
Resize images to exact pixel dimensions or by percentage.
🔁
Image to Base64
Encode an image as a Base64 data URI for inline embedding.