「グラデーションの機能強化」の編集履歴(バックアップ)一覧はこちら
「グラデーションの機能強化」(2015/09/05 (土) 21:11:37) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
・グラデーションの方式
グラデーションを作成するには、RGB方式/CMY方式で各チャンネルの平均を取る方法と、HSL方式/HSV方式で各属性の平均を取る方法で、結果が変わります。
(直線距離で平均を取るか、色相環に沿った円周距離で平均を取るかです)
また、HSL方式/HSV方式では、色相の平均を取る際に、順位相と逆位相があります。
(色相環は環状のために、環を分割すると2つに分かれ、長い半環の平均と短い半環の平均では、結果が変わります)
#ref(グラデーション方式.PNG,,width=500)
----
|RGB|色A|中間色1|中間色2|中間色3|色B|
|R|Rx|(3*Rx+1*Ry)/4|(2*Rx+2*Ry)/4|(1*Rx+3*Ry)/4|Ry|
|G|Gx|(3*Gx+1*Gy)/4|(2*Gx+2*Gy)/4|(1*Gx+3*Gy)/4|Gy|
|B|Bx|(3*Bx+1*By)/4|(2*Bx+2*By)/4|(1*Bx+3*By)/4|By|
----
|HSL|色A|中間色1|中間色2|中間色3|色B|
|H|Hx|(3*Hx+1*Hy)/4|(2*Hx+2*Hy)/4|(1*Hx+3*Hy)/4|Hy|
|S|Sx|(3*Sx+1*Sy)/4|(2*Sx+2*Sy)/4|(1*Sx+3*Sy)/4|Sy|
|L|Lx|(3*Lx+1*Ly)/4|(2*Lx+2*Ly)/4|(1*Lx+3*Ly)/4|Ly|
----
・グラデーションの方式
グラデーションを作成するには、RGB方式/CMY方式で各チャンネルの平均を取る方法と、HSL方式/HSV方式で各属性の平均を取る方法で、結果が変わります。
(直線距離で平均を取るか、色相環に沿った円周距離で平均を取るかです)
また、HSL方式/HSV方式では、色相の平均を取る際に、順位相と逆位相があります。
(色相環は環状のために、環を分割すると2つに分かれ、長い半環の平均と短い半環の平均では、結果が変わります)
#ref(グラデーション方式.PNG,,width=500)
----
|RGB|色A|中間色1|中間色2|中間色3|色B|
|R|Rx|(3*Rx+1*Ry)/4|(2*Rx+2*Ry)/4|(1*Rx+3*Ry)/4|Ry|
|G|Gx|(3*Gx+1*Gy)/4|(2*Gx+2*Gy)/4|(1*Gx+3*Gy)/4|Gy|
|B|Bx|(3*Bx+1*By)/4|(2*Bx+2*By)/4|(1*Bx+3*By)/4|By|
----
|表HSL|色A|中間色1|中間色2|中間色3|色B|
|H|Hx|(3*Hx+1*Hy)/4|(2*Hx+2*Hy)/4|(1*Hx+3*Hy)/4|Hy|
|S|Sx|(3*Sx+1*Sy)/4|(2*Sx+2*Sy)/4|(1*Sx+3*Sy)/4|Sy|
|L|Lx|(3*Lx+1*Ly)/4|(2*Lx+2*Ly)/4|(1*Lx+3*Ly)/4|Ly|
----
|裏HSL|色A|中間色1|中間色2|中間色3|色B|
|H|Hx|{(3*Hx+1*Hy)/4-90} mod 360|{(2*Hx+2*Hy)/4} mod 360|{(1*Hx+3*Hy)/4+90} mod 360|Hy|
|S|Sx|(3*Sx+1*Sy)/4|(2*Sx+2*Sy)/4|(1*Sx+3*Sy)/4|Sy|
|L|Lx|(3*Lx+1*Ly)/4|(2*Lx+2*Ly)/4|(1*Lx+3*Ly)/4|Ly|
----