javascript - 使用颜色矩阵添加色调效果

Question

我正在尝试添加一个过滤器来将某些东西的颜色更改为深绿色，就像您可以在 Flash 中添加“Tint”样式，然后设置 alpha 和 rgb 一样。

我尝试添加颜色矩阵滤镜并设法获得荧光绿色，但不知道如何使其成为深绿色。我不太了解颜色矩阵，所以我不确定它是否可能。

我正在使用 pixi javascript 库，但我认为颜色矩阵是一个非常标准的东西。

任何帮助将不胜感激!

这是获得荧光绿的矩阵:

            0, 0, 0, 0,
            0, 1, 0, 1,
            0, 0, 0, 0,
            0, 0, 0, 0

Answer 1

我不使用 Pixi，但您标记了 Flash...
如果您的系统支持 -minus 值，您可以尝试将此作为起点

  //R,   G,     B,    A 
  0.0,   0.0,   0.0,  0,  //Red
 -0.5,  -0.5,  -0.5,  1,  //Green
  0.0,   0.0,   0.0,  0,  //Blue
  0.0,   0.0,   0.0,  1   //Alpha (= always 1 for visibilty

在颜色矩阵中，您可以控制//Green，但您可以使用顶部的R.G.B.A值添加/相乘/减去另一个 channel 的提示(无论如何，它们都是相乘而不是相加)最终颜色。这里你说绿色必须是1(完全不透明)，然后是-0.5 * -0.5 * 0.5。

用有限调色板的彩色照片进行实验，以掌握颜色矩阵及其如何影响像素颜色。