将Photoshop调整层转为SVG filter：如何生成对应颜色矩阵？

能否通过原始图片与目标图片生成对应的颜色矩阵？ #

• 可以实现。feColorMatrix的matrix类型本质是线性颜色变换，每个输出通道值由输入RGBA通道的线性组合计算得出（公式：R' = a*R + b*G + c*B + d*A + e，G'、B'、A'同理）。
• 具体操作：从原始图和目标图中选取5组以上对应像素点（覆盖高光、阴影、中间调等不同区域，确保数据代表性），提取每组的RGBA值，建立线性方程组求解矩阵的20个参数（4行5列）。
• 实现工具：可以用Python的numpy库做矩阵运算求解，或者手动整理像素数据代入方程组计算。

能否通过Photoshop调整层的参数计算出该颜色矩阵？ #

• 可以，但需要根据调整层类型拆解转化：
  • 对于线性类调整层（如色彩平衡、通道混合器）：直接将参数对应到feColorMatrix的矩阵系数。比如色彩平衡中增加红色阴影，可在G、B通道的系数中降低对应比例，同时调整R通道的偏移值。
  • 对于非线性类调整层（如色阶Gamma、曲线）：单纯feColorMatrix无法完全复刻，需要结合feComponentTransfer滤镜配合。比如色阶的Gamma调整用feFuncR/G/B type="gamma"，输入色阶调整用type="linear"设置slope和intercept。
  • 多调整层叠加：将每个调整层对应的变换矩阵按PS图层顺序做矩阵乘法，合并为最终的feColorMatrix矩阵。
• 注意：部分PS调整层（如渐变映射、选择性颜色）涉及更复杂的非线性逻辑，可能需要组合多个SVG滤镜（如feColorMatrix+feComponentTransfer+feComposite）才能实现。

内容的提问来源于stack exchange，提问作者web-tiki