Svg 什么';色调旋转过滤器背后的精确数学

Svg 什么';色调旋转过滤器背后的精确数学,svg,svg-filters,Svg,Svg Filters,理论上,对于每种可能的颜色改变css,如灰度,反转,不透明度,饱和,深褐色,都存在通过svg过滤器feColorMatrix实现的等效转换。 实际上,几乎所有这样的操作都被描述了 例如,sepia是以下内容的简写: <filter id="sepia"> <feColorMatrix type="matrix" values="(0.393 + 0.607 * [1 - amount]) (0.769 - 0.769 * [1 - amount])

理论上,对于每种可能的颜色改变css,如
灰度
反转
不透明度
饱和
深褐色
,都存在通过svg过滤器
feColorMatrix
实现的等效转换。 实际上,几乎所有这样的操作都被描述了

例如,sepia是以下内容的简写:

<filter id="sepia">
  <feColorMatrix type="matrix"
             values="(0.393 + 0.607 * [1 - amount]) (0.769 - 0.769 * [1 - amount]) (0.189 - 0.189 * [1 - amount]) 0 0
                     (0.349 - 0.349 * [1 - amount]) (0.686 + 0.314 * [1 - amount]) (0.168 - 0.168 * [1 - amount]) 0 0
                     (0.272 - 0.272 * [1 - amount]) (0.534 - 0.534 * [1 - amount]) (0.131 + 0.869 * [1 - amount]) 0 0
                     0 0 0 1 0"/>
</filter> 

使用
色调旋转
虽然稍微复杂一些,但实际的定义是:

这就是铬的基本原理


我的问题是——这个系数背后的精确数学是什么——为什么选择了它们?它们代表一些无理数的近似值吗

我认为,这些价值观来源于此: