Image Effects (Grayscale, Sepia, Invert)
Apply grayscale, sepia, invert or brightness filters to any image.
How to use this tool
- Drop an image.
- Toggle grayscale, sepia or invert.
- Adjust brightness and contrast sliders.
- Download the styled image.
How it works
Canvas 2D draws the image under CSS filter() values matching your controls; toBlob exports the flattened result.
Tips
- Grayscale + boosted contrast is the classic 'editorial' look.
- Sepia works best on portrait and street photos.
Limitations
Filters are global — per-region effects aren't supported.
Frequently asked questions
How are the filters applied?
CSS filter mappings (grayscale, sepia, invert, brightness/contrast) are painted onto a canvas and saved.
Can I combine filters?
Yes — toggle several and adjust brightness/contrast for a custom look.
Is the output editable later?
The result is a flattened image; re-apply different settings from the original to redo.