CSS Filter Generator

Generate blur, brightness, contrast, saturate and other CSS filter effects with live preview.

Filters

Blur — 0px

Brightness — 100%

Contrast — 100%

Saturate — 100%

Grayscale — 0%

Sepia — 0%

Invert — 0%

Hue rotate — 0deg

Opacity — 100%

CSS

.filtered {
  filter: none;
  -webkit-filter: none;
}