Saltar al contenido
Fx

CSS Filter Generator

Tune blur, contrast, and more—copy CSS filter.

preview
Blur0px
Brightness100%
Contrast100%
Saturate100%
Grayscale0%
Sepia0%
Hue-rotate0deg
Invert0%
Opacity100%
filter: none;

Identity values (blur 0, brightness/contrast/saturate/opacity 100%, etc.) are omitted from the output. When everything is default you get filter: none;

Acerca de CSS Filter Generator

A CSS filter generator lets you tune `filter` functions—blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, and sepia—with a live preview and copy-ready CSS. toco.tools omits identity values from the output and emits `filter: none;` when everything is default. Start from presets such as blur, vintage, or vivid. Everything runs in your browser; nothing is uploaded.

Cómo usarla

  1. Pick a preset or move sliders
  2. Check the live preview
  3. Copy the filter CSS

Preguntas frecuentes

What is a CSS filter generator?

A tool that visually builds CSS filter values you can copy.

Which functions are supported?

blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, and sepia.

Are identity values included?

No. Unchanged functions are omitted; all-default yields filter: none;

Are settings sent externally?

No. All processing runs in your browser.