代码、数据与二维码工具

颜色转 CSS Filter

将 HEX 颜色转换为近似 CSS filter 字符串,在黑色样块上预览并复制结果。拟合采用启发式算法,不保证像素精确。

优先本地处理无需注册隐私说明 ↗
目标
滤镜后的黑色

启发式近似;请针对实际源元素调整。

使用步骤

如何使用

  1. 输入六位 HEX 颜色,或使用取色器选择。
  2. 查看生成的 filter、目标色样块和滤镜后的黑色样块。
  3. 复制声明;如果源元素不同,请继续调整。

启发式近似

CSS filter 会针对黑色源样块使用有限的启发式算法拟合。不同源颜色、背景、浏览器和滤镜顺序可能产生不同结果。请将结果作为起点,并在目标布局中调整。

本地且透明

解析、拟合、预览和复制都在此浏览器中进行,不会上传颜色或 CSS。

常见问题

你可能还想知道

这是精确转换吗?

CSS filter 会针对黑色源样块使用有限的启发式算法拟合。不同源颜色、背景、浏览器和滤镜顺序可能产生不同结果。请将结果作为起点,并在目标布局中调整。

可以将 filter 用于任何元素吗?

声明是标准 CSS,但结果取决于源像素和背景。请在实际元素上检查。