设计配色

对比/模糊/灰度滤镜组合即见器

极速拖拽拉伸产生出诸如 `filter: blur(2px) grayscale(100%);` 等极其复杂的复式视觉效果组合。配备实时覆盖原图的热响应。支持自由组合发现意想不到的滤镜效果。

DesignCSSFrontend

收藏工具

当前还没有选择收藏模式。

快捷操作

你可以复制当前工具页链接，或在支持的设备上调用系统分享。

设计配色

CSS 高级图像滤镜

Blur (模糊) 0px

Brightness (亮度) 100%

Contrast (对比度) 100%

Grayscale (灰度黑白) 0%

Hue-Rotate (色相旋转) 0deg

Invert (颜色反转) 0%

Saturate (饱和度) 100%

Sepia (复古黄褐) 0%

预览图 CSS 目标

预览启用左右对比

CSS Filter Rule

filter: none;

等待调整滤镜。

Grayscale

100%

Filter Stack

filter: grayscale(100%);

此技术早在 6 年前就全面占据现代设备。手机端照吃不误。

工具列表