About this tool
Grayscale, sepia, invert, brightness, contrast, saturation, blur, and hue rotation — this tool applies all eight adjustments to your photo in real time, right in the browser, with a live preview that updates as you drag each slider. Nothing is uploaded: the image is decoded locally and every filter is computed by the browser's own Canvas rendering engine, the same technology that powers CSS filters across the web.
Each redraw starts fresh from the original image rather than stacking on top of the last preview, so nudging a slider back and forth never degrades quality or compounds rounding error. Reach for one of the presets — B&W, Vintage, Cool, or Warm — as a starting point, then fine-tune individual sliders on top, or click Reset all to start over. When you're happy with the result, download it as PNG or JPEG at the image's full original resolution — the same filter combination is rendered once more, so nothing about how the preview is displayed limits the quality of what you download.
Frequently asked questions
Can I apply more than one filter at the same time?
Yes — every slider is independent and they all combine together in real time, so you could have grayscale, a bit of contrast boost, and a slight blur active all at once, exactly as shown in the live preview. The preset buttons are just convenient starting-point combinations; you can adjust any individual slider afterward without losing the others.
Will the filters look exactly the same as CSS filters used in web design?
Yes, exactly — this tool uses the browser's native Canvas `filter` property, which implements the SAME filter functions (grayscale, sepia, brightness, etc.) as CSS `filter`, with identical math and value ranges. If you've used CSS filters before, the sliders here will behave exactly as you'd expect.