第93回：お絵描きノート：ブラシの編集：合成モード：彩度；カスタムブラシを作ってみる（その７）

図１：北斎漫画「浮腹巻」（第四徧、p50）、彩度モードで作成

図２：ブラシの編集：合成モード：⑥彩度モード（その１）

図３：ブラシの編集：合成モード：⑥彩度モード（その２）

図４：ブラシの編集：合成モード：⑥彩度モード（その３）

図５：ブラシの編集：合成モード：⑥彩度モード（その４）

KRITAデジタルペイントで始める

第93回：お絵描きノート：ブラシの編集：合成モード：彩度；カスタムブラシを作ってみる（その７）

口上

今回のお題は彩度（さいど）モードです。色を分析する方法には色々の種類があるようです。その中にいままでよく用いたRGBという色の三原色（R:赤、G:緑、B:青）の分量で色を分類する方法がある一方、HSV（H:Hue＝色相、S:Saturarion＝彩度、V：Value＝明度）という色の三属性の割合で色を分類する方法もあります。

色の三属性

・Hue（色相）：赤、オレンジ、黄、緑、青、紫など純色の相違をひとつの環状に配置して角度（０～360°）又は割合（０～100％）で色相を表示します。補色となる色は色相環の配置で180°違う色、つまり、反対側にある色となります。
・Saturation（彩度）：色の鮮やかさ又は純度を表わします。（０～100％）黒、灰色、白は無彩色で彩度は０％で、原色の赤は１００％となります。
・Value（明度）：色の明るさの割合で100％で白、０％で黒になります。

　HSV色空間の表現する図には色々あるようですが、立体的に色を配置した円柱で表わすことが多いようです。
　HSV色空間モデルでは明度を中心軸にして、上の円が明度100％の白、下の明度０％が黒で、その軸の中間に明度が段階的に違う灰色が並びます。
　色相環を円柱の外側にある曲面の中央に配置して、中心軸から角度で色相の違いを表わします。
　そして、中心軸からの距離で彩度の割合を示します。中心軸では彩度０％の無彩色（白、灰色、黒）で、色相環上にある純色は彩度100％となり、それらの中間に同系色が配置され中心軸から距離で彩度の違いを示します。

　以上がHSV色空間の三属性、色相と彩度と明度についての大まかな内容です。
　さて、それでは彩度モードとは何なのかと言えば、その特徴や違いを具体的に述べることは簡単ではないと気付きました。

　そのため、実際に彩度モードで塗ってみて試してゆくしかないという結論なり、彩度モードの結果は以下のようになりました。

　図２と図３では彩度モードと通常モードとはほとんど変わることが無いです。しかし、

１．最初に塗った原色の上に他の原色を塗り重ねることができません。

　図４でウェブ用色見本の色の上に黒からグレースケールの灰色、最後に白の線を塗り重ねると、

２．下の色の明るさによって後から塗った黒と灰色と白の明るさが変化する。

　改めて、図５のようにRGB色相環の12色の上に(1)～(20)の黒から灰色そして白の無彩色をそれぞれ塗り重ねてゆくと、

３．赤、オレンジ、黄色などの12色の上に20種類の無彩色を塗り重ねると、不思議と色ごとにそれぞれ決まった明るさの灰色になる。

図５-１：RGB色相環の12色

①　赤 red #ff0000
②　オレンジ orange #ff8100
③　黄色 yellow #ffff00
➃　黄緑色 Chartreu green #81ff00
⑤　明るい緑 lime #00ff00
⑥　若葉色 spring green #00ff81
⑦　シアン cyan #00ffff
⑧　空色 Azure #0081ff
⑨　青 blue #0000ff
⑩　菫色 violet #8100ff
⑪　マゼンタ magenta #ff00ff
⑫　薔薇色 rose #ff0081

図５‐２：

黒～グレースケール～白

(1)黒, #000000
(2)灰色10%, #1a1a1a
(3)灰色15%, #262626
(4)灰色20%, #333333
(5)灰色25%, #404040
(6)灰色30%, #4c4c4c
(7)灰色35%, #595959
(8)灰色40%, #666666
(9)灰色45%, #737373
(10)灰色Mid-50%, #808080
(11)灰色55%, #8c8c8c
(12)灰色60%, #999999
(13)灰色65%, #a6a6a6
(14)灰色70%, #b2b2b2
(15)灰色75%, #bfbfbf
(16)灰色80%, #cccccc
(17)灰色85%, #d9d9d9
(18)灰色90%, #e6e6e6
(19)灰色95%, #f2f2f2
(20)白, #ffffff

RGB12色と(1)黒～灰色グレースケール～(20)白を塗り重ねる

①赤x(1)黒～(20)白:(6)灰色30%;

②オレンジx(1)黒～(20)白:(12)灰色60%;

③黄色x(1)黒～(20)白:(18)灰色90%;

➃黄緑色x(1)黒～(20)白:(15)灰色75%;

⑤緑x(1)黒～(20)白:(12)灰色60%;

⑥若葉色x(1)黒～(20)白:(13)灰色65%;

⑦シアンx(1)黒～(20)白:(14)灰色70%;

⑧空色x(1)黒～(20)白:(8)灰色40%;

⑨青x(1)黒～(20)白:(2)灰色10%;

⑩菫色x(1)黒～(20)白:(5)灰色25%;

⑪マゼンタx(1)黒～(20)白:(8)灰色40%;

⑫薔薇色x(1)黒～(20)白:(7)灰色35%;