UtilityKit

500+ fast, free tools. Most run in your browser only; Image & PDF tools upload files to the backend when you run them.

Image Grayscale, Sepia & Filter Tool

Apply grayscale, sepia, invert, blur, or sharpen filters to any image in your browser. Preview and download as PNG.

About Image Grayscale, Sepia & Filter Tool

This Image Filter Tool lets you apply five classic photo filters — Grayscale, Sepia, Invert, Blur, and Sharpen — to any image directly in your browser. All filters run on the HTML5 Canvas API: grayscale and sepia use per-pixel matrix transforms, invert flips channel values, blur uses the browser's native CSS filter blur for performance, and sharpen applies a 3×3 convolution kernel. An intensity slider from 0–100% lets you blend between the original and the full filter effect for fine-tuned results.

Why use Image Grayscale, Sepia & Filter Tool

Five filters in one tool with adjustable intensity
Per-pixel transforms preserve full image resolution
No server upload — all processing is in-browser
Sharpen filter uses a convolution kernel for real edge enhancement, not just CSS tricks
Free and unlimited — no monthly cap or watermark.
Works on any modern browser including mobile, no install needed.

How to use Image Grayscale, Sepia & Filter Tool

Upload your image using the file picker
Click a filter button: Original, Grayscale, Sepia, Invert, Blur, or Sharpen
Drag the Intensity slider to blend between the original and full filter strength
Switch between filters freely — the original data is always preserved
Click 'Download PNG' to save the filtered image
Use the Original button at any time to instantly compare against the unmodified upload.
Combine filters by downloading the result and re-uploading it as a new image, then applying a second filter.

When to use Image Grayscale, Sepia & Filter Tool

When you need a quick black-and-white version of a photo
When adding a vintage sepia tone to portraits
When creating inverted color art for posters or backgrounds
When softening or sharpening an image before web publishing
When prepping product images for a vintage-themed e-commerce store.
When converting a series of photos to a uniform black-and-white style for a portfolio.

Examples

Wedding photo to sepia

Input: A 3000x2000 color wedding portrait

Output: Same portrait with Sepia at 80% intensity, downloaded as a 3000x2000 PNG

Black-and-white blog header

Input: A 1920x600 horizontal landscape banner

Output: Grayscale 100% intensity 1920x600 PNG ready for a minimalist blog header

Sharpen blurry screenshot

Input: A 1280x720 screenshot saved at low quality

Output: Same image with Sharpen at 50% intensity, edges crisper, exported as PNG

Tips

Apply Grayscale at 70% intensity for a 'desaturated but still color' editorial look popular in magazines.
Sepia at 60–80% intensity gives a warm vintage feel without making the image look like an obvious 'old photo' filter.
Use Sharpen on slightly soft web photos before publishing — even 30% intensity can recover apparent detail.
Blur the background of a portrait first (using a separate masking tool), then run Sharpen on the original to pop the subject.
Switch filters freely without re-uploading — the cached original ImageData makes filter swapping instant.

Frequently Asked Questions

How does the Sepia filter work?▾

It applies a standard sepia matrix: each output channel is a weighted sum of the input R, G, and B values, producing warm brownish tones characteristic of old photographs.

Why does the Blur filter look different from the others?▾

Blur uses the browser's built-in CSS filter (ctx.filter = 'blur(Xpx)') for performance, while the other filters use per-pixel math. The result is identical to CSS blur.

Can I apply multiple filters at once?▾

Each click selects a single active filter. To combine effects, download the result and re-upload it, then apply a second filter.

What is the Intensity slider range?▾

0% shows the original image unchanged; 100% applies the full filter effect. Values in between linearly blend pixel-by-pixel between the two.

Does the Sharpen filter work on large images?▾

Yes, but very large images (over 10 megapixels) may take a moment because the 3×3 convolution iterates every pixel. A progress indicator is not shown, but the result appears within a few seconds.

Is the original pixel data preserved between filter switches?▾

Yes. The original ImageData is cached on upload. Every filter re-processes from that cached original, so switching filters never degrades quality.

Are the filters reversible after download?▾

PNG output bakes the filter into the pixel data, so a saved file cannot be 'unfiltered.' Keep the original separately if you need it.

Why do my colors look slightly different than expected after Invert?▾

Invert flips RGB channels but does not flip the alpha channel, so transparent areas remain transparent. The visible color shift is exactly 255 minus each channel value.

Explore the category

Glossary

Convolution kernel: A small matrix (here 3x3) of weights applied to each pixel and its neighbors to produce a filtered output value — the basis of sharpen, blur, and edge detection.
Sepia matrix: A 3x3 color-mixing matrix that combines R, G, and B in fixed weights to produce the warm reddish-brown tones of vintage prints.
Color inversion: Subtracting each channel from 255 (R = 255 - R) to produce a photographic-negative look.
Gaussian blur: A smoothing operation that weights pixels by a bell curve — the algorithm behind the browser's CSS blur filter.
Edge enhancement: Increasing contrast at boundaries between regions to make an image appear sharper without adding new detail.
Linear blending: A pixel-level mix of two images using the formula output = (1 - t) * original + t * filtered, where t is the intensity.