Image filters are visual effects applied to photos to adjust color, tone, and appearance. From basic brightness adjustments to stylized effects like sepia or vintage, filters let you change the mood and look of a photo without editing software. The Privatool Image Filters tool runs these adjustments entirely in your browser using the HTML5 Canvas API — no upload required.
CSS filter effects explained
Modern browsers support CSS filter functions that can be applied to images using the Canvas API. These are the same filters used in Privatool's Image Filters tool:
| Filter | Effect | Example value |
|---|---|---|
brightness |
Lightens or darkens | 0=black, 1=normal, 2=double bright |
contrast |
Increases/decreases contrast | 0=grey, 1=normal, 2=high contrast |
saturate |
Adjusts color intensity | 0=grayscale, 1=normal, 2=vivid |
hue-rotate |
Shifts all colors | 0=normal, 90=shifted, 180=inverted hue |
blur |
Gaussian blur | 0=sharp, 5px=blurred |
grayscale |
Removes color | 0=color, 1=grayscale |
sepia |
Adds sepia tone | 0=none, 1=full sepia |
invert |
Inverts all colors | 0=normal, 1=inverted |
Popular filter presets
- Grayscale:
grayscale(1)— converts to black and white - Sepia:
sepia(0.8)— warm vintage brownish tone - Vintage:
contrast(1.1) brightness(1.1) saturate(0.8) sepia(0.3) - Vivid:
contrast(1.2) saturate(1.5) brightness(1.05) - Cool:
hue-rotate(15deg) saturate(0.9) brightness(1.1)
Privacy advantage
Most online photo editors upload your image to their servers for processing. Privatool applies filters using your browser's Canvas API — the image data never leaves your device.
Applying CSS filters in your own code
You can use the same CSS filter string copied from the tool directly in your HTML/CSS:
img {
filter: contrast(1.1) brightness(1.1) saturate(0.8) sepia(0.3);
}
Combining filters for professional results
Single filters rarely achieve the best look. Professional photo editing stacks multiple adjustments:
- Portrait:
brightness(1.05) contrast(1.1) saturate(1.2)— slightly warmer and more vivid - Landscape:
contrast(1.15) saturate(1.3) brightness(0.95)— punchy colors, darker sky - Product photo:
brightness(1.1) contrast(1.05) saturate(0.9)— clean, neutral look - Night photo:
brightness(1.3) contrast(0.9) saturate(1.1)— brightened but not washed out
Exporting filter settings
After adjusting, copy the CSS filter string — it's a single line you can paste directly into your website's stylesheet. This lets you apply the exact same look to multiple images consistently using just CSS, with no image editing needed for each one.
How to apply image filters free
- Go to Image Filters
- Upload your image
- Click any preset (Sepia, Vintage, Vivid, etc.) for instant apply
- Fine-tune with manual sliders
- Copy the CSS filter string to use in your own code
- Download the filtered image