CSS Filter Generator

Preview filter effects on a local sample or uploaded image and copy the filter declaration.

Blur px

Brightness %

Contrast %

Grayscale %

Hue rotate °

Invert %

Saturate %

Sepia %

Optional local preview image

CSS

This is a CSS filter generator: the uploaded image stays local and is used only for preview. The tool does not re-encode or export a filtered image file.

How to use this CSS Filter Generator

Combine common CSS filter functions including blur, brightness, contrast, grayscale, hue, invert, saturation, and sepia. Enter your values above and the result is calculated directly in your browser. No account is required.

Fast answer, clear inputs

This tool is built around one job: give the answer quickly without forcing a signup or hiding the result. Related tools are linked nearby when the next calculation or conversion is useful.