颜色转 CSS Filter
将 HEX 颜色转换为近似 CSS filter 字符串,在黑色样块上预览并复制结果。拟合采用启发式算法,不保证像素精确。
目标
滤镜后的黑色
启发式近似;请针对实际源元素调整。
使用步骤
如何使用
- 输入六位 HEX 颜色,或使用取色器选择。
- 查看生成的 filter、目标色样块和滤镜后的黑色样块。
- 复制声明;如果源元素不同,请继续调整。
启发式近似
CSS filter 会针对黑色源样块使用有限的启发式算法拟合。不同源颜色、背景、浏览器和滤镜顺序可能产生不同结果。请将结果作为起点,并在目标布局中调整。
本地且透明
解析、拟合、预览和复制都在此浏览器中进行,不会上传颜色或 CSS。
常见问题
你可能还想知道
这是精确转换吗?
CSS filter 会针对黑色源样块使用有限的启发式算法拟合。不同源颜色、背景、浏览器和滤镜顺序可能产生不同结果。请将结果作为起点,并在目标布局中调整。
可以将 filter 用于任何元素吗?
声明是标准 CSS,但结果取决于源像素和背景。请在实际元素上检查。