<feColorMatrix>

<feColorMatrix> は SVG のフィルター要素で、変換行列に基づいて色を変化させます。すべてのピクセルのカラー値 [R,G,B,A] は 5 x 5 の行列で行列乗算され、新しい色 [R',G',B',A'] を生成します。

| R' |     | r1 r2 r3 r4 r5 |   | R |
| G' |     | g1 g2 g3 g4 g5 |   | G |
| B' |  =  | b1 b2 b3 b4 b5 | * | B |
| A' |     | a1 a2 a3 a4 a5 |   | A |
| 1  |     | 0  0  0  0  1  |   | 1 |

簡略化すると、新しいピクセルの各色のチャンネルがどのように計算されるかを以下に示します。最後の行は値が一定なので無視されます。

R' = r1*R + r2*G + r3*B + r4*A + r5
G' = g1*R + g2*G + g3*B + g4*A + g5
B' = b1*R + b2*G + b3*B + b4*A + b5
A' = a1*R + a2*G + a3*B + a4*A + a5

新しいピクセルの赤の量、すなわち R' に注目すると下記のようになります。

これは以下の値の合計です。

• 旧ピクセルの赤成分 R の r1 倍
• 旧ピクセルの緑成分 G の r2 倍
• 旧ピクセルの青成分 B の r3 倍
• 旧ピクセルのアルファ成分 A の r4 倍
• 加えて加算値の r5

これらの指定された数量は任意の実数を取ることができますが、最終的な R' は 0 ～ 1 の間に丸められます。 G', B', A' についても同様です。

R'      =      r1 * R      +        r2 * G      +       r3 * B      +       r4 * A       +       r5
New red = [ r1 * old red ] + [ r2 * old green ] + [ r3 * old Blue ] + [ r4 * old Alpha ] + [ shift of r5 ]

例えば、真っ黒な画像をより赤くしたい場合は、 r5 を正の実数 x とすれば、新しい画像の各画素の赤さを x だけ増加させます。

恒等行列 は次のようになります。

     R G B A W
R' | 1 0 0 0 0 |
G' | 0 1 0 0 0 |
B' | 0 0 1 0 0 |
A' | 0 0 0 1 0 |

この中では、新しい値はすべて古い値のちょうど 1 倍の値であり、それ以外は何も加えられていません。ここから行列の操作を始めることをお勧めします。

他のフィルタープリミティブと同様に、既定では色成分を linearRGB 色空間で処理します。 color-interpolation-filters を使用すると、代わりに sRGB を使用することができます。