css - 将十六进制或 rgb 颜色转换为 fecolormatrix 值

Question

我对 SVG 几乎一无所知，但我的网站上运行了一个脚本，它通过应用 svg 滤色器然后在悬停时将其移除来在彩色和黑白之间切换图像。颜色的色调似乎是使用下面显示的值矩阵设置的...

 <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>

我的问题是我想更改滤镜的颜色，使其具有非常轻微的棕褐色调，而不是目前的纯黑白色调。我不敢相信没有人创建过 RGB 或十六进制颜色转换器，但谷歌似乎没有打开一个 - 也许我正在寻找错误的东西？我该怎么做呢？我曾经听说它是在 illustrator 中完成的，但我不使用 illustrator。是否有在线转换器或可以在 photoshop 中完成？

Answer 1

我认为您误解了 feColorMatrix 的功能。您不会从颜色矩阵获得单一输出颜色，输出​​取决于 R 、 G 和 B 颜色的组合。

Read the web platform docs on feColorMatrix.

您可以使用 this color matrix demo 来玩棕褐色设置。我 build 了。