Image Filters and Adjustments
Adjust brightness, contrast, saturation, hue, grayscale, sepia, invert and blur, or apply presets. Exports match the preview in every browser.
Runs entirely in your browser. Your data is never uploaded.
Related Tools
View AllWhat is Image Filters?
Apply photo adjustments and effects to an image: brightness, contrast, saturation, grayscale, sepia, invert, hue rotation and blur, individually with sliders or through presets such as black & white, sepia, vintage, vivid, cool and negative. A before/after view shows the effect, and the exported file contains exactly what you see.
How to use Image Filters
- Drop, choose or paste an image.
- Click a preset or move the sliders for each adjustment.
- Compare the Before and After previews.
- Choose the output format and download the filtered image.
Example
Pure red pixel (#FF0000), Grayscale 100%
#363636 (0.2126 × 255 ≈ 54 for each channel)
When to use Image Filters
Use it for quick corrections and stylized looks on photos, screenshots and social media images. It is not a full photo editor: there are no curves, layers, masks or local adjustments, and very large images take a moment to process.
How Image Filters works
Filters are computed pixel by pixel in JavaScript using the formulas from the W3C Filter Effects specification (the same math as CSS filter): linear transfer functions for brightness and contrast, color matrices for saturate, hue-rotate, grayscale and sepia, and the invert function, applied in that order with clamping after each step. Blur is a Gaussian approximated by three box-blur passes on premultiplied alpha. Because the canvas filter property is not used, the export includes the effect even in browsers that do not support it, such as Safari.
Common Use Cases
- Turning a photo black and white for a print layout.
- Brightening a dark smartphone picture.
- Giving product shots a consistent warm or cool tone.
- Blurring a background image for a website hero section.
- Inverting a dark-mode screenshot for printing.
Security Note
Images are decoded, processed and encoded locally in your browser with the Canvas API. Nothing is uploaded to a server.
FAQs
Will the downloaded image look the same as the preview?
Yes. The preview and the export are produced by the same pixel-level code, independent of browser support for canvas filters.
In what order are filters applied?
Brightness, contrast, saturation, hue rotation, grayscale, sepia, invert, then blur.
Can I undo changes?
Click the Original preset to reset all sliders; the source image is never modified.