Skip to content
littlekit.app
All tools

CSS filter generator

Tune image-style filters with a live before-and-after illustration and CSS output.

Original
Your filter
More effects
Generated CSS
filter: brightness(100%) contrast(100%) saturate(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(0px);
Processed on your device

How it works & useful details

How to use this tool

Adjust brightness, contrast, saturation and optional effects. Compare the same built-in illustration before and after.

Supported values and limitations

Exports CSS filter declarations, not image files. Functions are applied left to right in the shown order. The local built-in illustration contains neutral, bright and dark areas to make changes visible without uploading a file.