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

时间:2014-12-12 17:59:20

标签: javascript html5 flash filter colormatrix

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

我尝试添加一个彩色矩阵滤镜,并设法得到荧光绿,但看不到如何使它成为深绿色。我不太了解色彩矩阵所以我不确定它是否可能。

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

非常感谢任何帮助!

这是荧光绿的基质:

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

1 个答案:

答案 0 :(得分:1)

我不使用Pixi,但你标记了闪存所以..
如果你的系统支持-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值添加/删除/减去其他通道的提示(无论如何,这些值都不会叠加在一起用于最终颜色。这是您说格林必须是1(完全不透明),然后是-0.5 * -0.5 * 0.5

使用有限调色板的彩色照片进行实验,以获得彩色矩阵的悬挂以及它如何影响像素颜色。