filter
Welcome to
filter
which allows you to test out CSS filters on images and generate the equivalent HTML and CSS.
Instructions
Enter an image url or upload an image.
Apply filters.
Copy HTML or CSS to clipboard.
Add Image
Enter
Choose image to upload...
Upload
×
Before
After
CSS Photo Styler
Filters
Blur:
Amount
1
2
3
4
5
Brightness:
Amount
4
3
2
1
0
-1
-2
-3
-4
Contrast:
Amount
4
3
2
1
0
-1
-2
-3
-4
Grayscale:
Amount
1
2
3
4
5
Hue Rotate:
Amount
1
2
3
4
5
Invert:
Amount
1
2
3
4
5
Opacity:
Amount
1
2
3
4
5
Saturate:
Amount
1
2
3
4
5
Sepia:
Amount
1
2
3
4
5
Copy HTML w/ Inline Style
Copy
Copy CSS
Copy