Shadow Generator
box-shadowを設計。
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;
关于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.
使用方法
- Pick a preset or move sliders
- Check the live preview
- Copy the filter CSS
常见问题
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.