Skip to content

Image Filters & Adjustments: Brightness, Contrast, Blur

Adjust brightness, contrast, saturation, hue, blur, grayscale, sepia and invert, try presets like vintage or black and white, download the edited image and copy the CSS filter.

Drop an image here, paste from the clipboard, or

JPG, PNG, WebP, GIF, BMP or SVG. Files never leave your browser.

How to edit an image

  1. Drop or choose an image.
  2. Start from a preset such as Vivid, Black & white, Vintage or Dramatic, or move the sliders yourself.
  3. Press and hold Hold to see original to compare before and after.
  4. Download the result at full resolution, or copy the filter CSS to apply the same look on your website without editing the file.

Image filters in CSS

Every adjustment maps to a CSS filter function: brightness(), contrast(), saturate(), hue-rotate(), blur(), grayscale(), sepia() and invert(). Combining them in one filter declaration is how hover effects such as "grayscale until hovered" work:

  • img { filter: grayscale(100%); } img:hover { filter: none; }
  • Filters are applied in the order written, so sepia() after saturate() gives a different result than before it.
  • Filters are GPU accelerated, but large blurs on many elements can still slow scrolling.

For a frosted-glass background effect instead, see the glassmorphism generator.

All processing happens in your browser. Your images are never uploaded to a server, so the tool works with private photos and keeps working offline once the page has loaded.

More image tools

Image Compressor: Reduce JPG, PNG & WebP File Size
Compress JPG, PNG and WebP images in your browser: set quality, convert to WebP, limit the width and download one by one or as a ZIP. No upload, no sign-up.
Image Resizer: Resize Images to Exact Pixels Online
Resize images to exact pixel dimensions or by percentage, keep the aspect ratio, crop to square or social card sizes, and export as JPG, PNG or WebP in your browser.
Image Converter: PNG, JPG, WebP & AVIF Online
Convert images between PNG, JPG, WebP and AVIF in your browser. Batch convert several files, choose quality and a background for transparent areas, and download as ZIP.
Crop, Rotate & Flip Image Online
Crop images with a free or fixed aspect ratio (1:1, 4:3, 16:9, 9:16 and more), rotate 90° and flip horizontally or vertically, then download as PNG, JPG or WebP.
Image to Base64 Converter (and Base64 to Image)
Convert an image to a Base64 data URI, an img tag or a CSS background, or decode a Base64 string back to an image and download it. Works offline in your browser.
Color Palette from Image: Extract Colors from a Photo
Extract the dominant colors from any image as a palette with HEX and RGB codes and their share of the picture, pick exact pixel colors, and export CSS variables, Tailwind or JSON.
Favicon Generator: ICO, PNG & Apple Touch Icon
Create a complete favicon package from an image, text or emoji: favicon.ico, 16–512 px PNGs, Apple touch icon, web manifest and the HTML to paste into your head tag.
Add Watermark to Image: Text or Logo Online
Add a text or logo watermark to photos: set size, opacity, rotation and one of nine positions, or tile it across the whole image, then download at full resolution.
EXIF Viewer & Remover: Remove GPS Location from Photos
View the EXIF data in a photo (camera, lens, settings, date and GPS location) and remove all metadata before sharing. JPEG cleaning is lossless and runs in your browser.