← All Generators

Grayscale Filter

Apply CSS filter: grayscale to elements with live preview.

Controls

Grayscale0%

Live Preview

Filter preview

Generated Code

.element {
  filter: grayscale(0%);
}