Image Filters

Key features

• Seven live sliders: brightness, contrast, saturation, hue-rotate, blur, sepia and grayscale.
• Six one-tap presets: Original, Vivid, Noir, Vintage, Cool and Warm.
• The preview re-renders as you drag — no apply button, no waiting.
• The current CSS filter string is shown in the panel, so you can reuse the exact look in your own stylesheets.
• Exports a full-resolution PNG with the filters baked in.

How it works

1. 1

   Drop In A Photo

   Drop any photo; all sliders start at neutral defaults.

2. 2

   Start From A Preset

   Tap Vivid, Noir or another look, or go straight to the sliders.

3. 3

   Fine-Tune Each Slider

   Blur tops out at 20px and hue spans the full circle; reset all sliders if you overshoot.

4. 4

   Save The Filtered PNG

   The exported file matches the live preview exactly at full resolution.

Tips for better results

• 💡Vivid is a strong starting point for dull, flat photos.
• 💡The on-screen filter string doubles as documentation — paste it into your site's CSS to recreate the effect live.
• 💡For heavy censoring, the Image Pixelator's hard blocks are more reliable than blur.

Frequently asked questions