Image filters
Choose a picture and move the sliders: brightness, contrast, saturation, grayscale, sepia, invert, hue and blur. The preview updates as you drag, and the download uses the full-size picture.
Runs in your browser: nothing you enter is sent anywhere.
How to use it
- Choose or drop a picture.
- Drag any slider. Each label shows the current value.
- Press Reset to go back to the original, or Download image to save the result.
How it works
The sliders build a filter list in the same format as CSS, for example brightness(120%) sepia(30%). The preview applies it with CSS. When you download, the same list is applied to the full-size picture on a canvas, so what you see is what you get. Settings left at their default are not included.
Quick recipes
- Black and white: grayscale 100%, then raise contrast to about 120%.
- Warm old photo: sepia 60%, contrast 90%.
- Negative: invert 100%.
- Soften a noisy picture: blur 1–2 px.
Frequently asked questions
What do the sliders mean?
Brightness, contrast and saturation: 100% is unchanged, 0% is the minimum and higher values increase the effect. Grayscale, sepia and invert go from 0% (off) to 100% (full). Hue rotate shifts all colours around the colour wheel by the given degrees; 360° is the same as 0°. Blur is a radius in pixels.
Why can't I download in some browsers?
Saving uses the canvas filter feature. Some older Safari versions do not have it. The tool detects this and shows a warning instead of giving you an unfiltered file by mistake.
In what order are the filters applied?
Brightness, contrast, saturation, grayscale, sepia, invert, hue rotate and blur, in that order. The order matters: for example sepia followed by hue rotate gives a different colour than the reverse.
Is the original file changed?
No. Your file is only read. The edited picture is saved as a new download, with `-edited` added to the name, in JPG, PNG or WebP like the original.