Loading...
Loading...
在示例图或你自己的图片上实时叠加 CSS 滤镜。
CSS filter 属性能给任意元素加模糊、提亮、去色和染色,但把这些函数按正确顺序叠起来要反复试。这个工具给每个滤镜一个滑块和实时预览,让你调出想要的效果,并复制精确的 filter 值。
调整模糊、亮度、对比度、灰度、色相旋转、饱和度、褪色、反相和透明度,预览随拖动更新。只有你真正改过的滤镜才写进 CSS,所以输出保持干净。预设给了复古、黑白、冷调、暖调、戏剧和反相作为起点。在内置示例图上预览,或载入你自己的图片(本地读取,绝不上传)。生成的 filter 声明一键复制。一切都在浏览器里运行。
模糊、亮度、对比度、灰度、色相旋转、饱和度、褪色、反相和透明度。
每个滑块即时更新示例图或你的图片。
只写改过的滤镜,CSS 里没有多余的默认值。
复古、黑白、冷调、暖调、戏剧、反相起点。
载入本地图片在真实内容上预览滤镜,不上传。
filter 声明一键复制。
CSS 滤镜的顺序会影响结果;本工具按固定顺序输出,直接粘贴这串值即可,别去重排这些函数。
在示例图上预览,或载入你自己的图片。
选一个预设,或从零开始。
拖动滑块,直到效果合意。
把 filter CSS 复制进你的样式表。
不开编辑器就给图片加复古、单色或戏剧效果。
为悬停和禁用态做提亮或去色滤镜。
用色相旋转或染色,让图片贴合品牌色。
看清楚每个函数和它的数值如何改变结果。
每个非默认滑块变成带单位的 filter 函数,这些函数按固定顺序拼接,同一串值应用到预览元素并作为可复制的 CSS。
图片用 FileReader 在你的设备上读取;没有网络请求,也不存储任何东西。
CSS 滤镜由 GPU 加速,所以拖动时预览也能流畅更新。