CSS Filter Generator
Generate CSS filter chains visually — nothing is uploaded.
CSS Output
Create CSS filter effects online
Adjust blur, brightness, contrast, grayscale, hue rotation, invert, opacity, saturation, and sepia to build a CSS filter chain. Only non-default values appear in the output — keeping the declaration clean.
Everything runs locally in your browser — your work never leaves your machine.
FAQ
What are the default values? blur=0, brightness=1, contrast=1, grayscale=0, hue-rotate=0, invert=0, opacity=1, saturate=1, sepia=0. Defaults are omitted from the output.
Is my data sent anywhere? No — everything happens in your browser.