How to use the Image Filters
- Drop, paste or choose an image.
- Start from a preset or move the sliders. Press and hold the preview to see the original.
- Download the result, or copy the CSS filter to apply the same look on your website.
Image Filters features
- 17 presets including Grayscale, Noir, Sepia, Vintage, Cinematic, Matte and Lomo
- Brightness, contrast, saturation, hue, grayscale, sepia, invert, blur and opacity sliders
- Save your own presets in your browser
- Press and hold to compare with the original
- Matching CSS filter code to copy
- Download as PNG, JPG or WebP; the original file is never changed or uploaded
Apply photo filters online
This free image filter tool lets you turn photos black and white, give them a vintage sepia look, boost their colors or soften them with blur, then download the result. Start from one of 17 ready-made looks such as Noir, Vintage, Cinematic, Matte or Lomo, or fine-tune nine sliders yourself. Press and hold the preview at any time to compare with the original.
Every look also comes as CSS filter code, so you can apply exactly the same effect to images on your website without editing the files.
The adjustments
| Slider | What it does | Range |
|---|---|---|
| Brightness | Makes the whole image lighter or darker | 0–200% |
| Contrast | Increases or reduces the difference between light and dark | 0–200% |
| Saturation | From black and white (0%) to extra-vivid color (300%) | 0–300% |
| Hue rotate | Shifts every color around the color wheel | 0–360° |
| Grayscale | Removes color, partly or completely | 0–100% |
| Sepia | Adds the warm brown tone of old photographs | 0–100% |
| Invert | Turns the image into a negative | 0–100% |
| Blur | Softens the image with a Gaussian blur | 0–20 px |
| Opacity | Makes the image partly transparent | 0–100% |
How to make a photo black and white
Click the Grayscale preset, or set the grayscale slider to 100%. For a more dramatic black and white, try Noir, which also raises contrast and darkens slightly. For a softer, old-fashioned look, use Sepia or Vintage. Download as JPG for photos, or PNG if you want lossless quality.
Save your own looks
Found a combination you like? Press Save preset to add it to the preset list with its own thumbnail. Your presets and the current slider values are stored in your browser, so you can apply the same look to a whole series of photos for a consistent feed, portfolio or product range.
Use the same filter in CSS
The sliders map directly to CSS filter functions, so the copied code produces the same effect in the browser as the downloaded image:
img.vintage {
filter: brightness(105%) contrast(90%) saturate(80%) sepia(50%);
}Applying filters with CSS keeps your original files untouched, and you can change or animate the effect later, for example to fade an image from grayscale to color on hover. Only the adjustments you changed are included, so the code stays short.
Ideas for using image filters
- Give a set of photos from different cameras a consistent look for a blog or Instagram grid.
- Mute background images with lower saturation and brightness so overlaid text stays readable.
- Create grayscale versions of logos for a "trusted by" section.
- Blur a background image slightly for a modern hero section.
- Test how a design works in grayscale, a quick way to check that it does not rely on color alone. For a true simulation of color blindness, use the Color Blindness Simulator.
Private and non-destructive
Your photo is edited in your browser and never uploaded. The original file is never changed; you always download a new copy as PNG, JPG or WebP. Your last image is kept on your device so you can come back and keep editing.
To check whether a photo needs more brightness or contrast before you start, look at its histogram. To crop or resize the result, use the Image Resizer & Cropper.
Image Filters: frequently asked questions
How do I make an image black and white?
Choose the Grayscale preset, or set grayscale to 100%. Increase contrast slightly for a punchier look.
Is the original image changed?
No. Your original file is untouched; you download a new copy.
How do I make a photo look vintage?
Choose the Vintage or Sepia preset. For a faded film look, try Matte or Fade and lower the saturation a little.
How do I blur an image?
Move the Blur slider to the right. A small blur of 2–4 px softens a background; higher values make it unrecognisable.
Can I apply the same filter to several photos?
Yes. Save your settings with Save preset, then open each photo and click your preset. Presets stay in your browser.
How do I use the filter on my website?
Copy the CSS filter code and add it to your image's CSS, for example img { filter: grayscale(100%); }. It works in all modern browsers.