*混色 [#w8c39ca7] **色の見え方 [#z9b95160] 厳密な話を除けば人間の目は赤と青と緑の3色をベースに様々な色を見分けている。(厳密な議論はここではとりあえず省略する)。~ 色が見えるというのはその色の光(または色を構成する光の集まり)が目に入っていることである、これ重要。~ RGBなんて言葉を聞いたことあると思うけどこれはRED, GREEN, BLUEのことで光の3原色と言われている。 **加法混色 [#ec9ad69a] 光の三原色による。光を足し合わせることで色を表現する方法。光の足し合わせは絵の具の混色とは勝手が違うので注意。混ぜると光の強さが増し、明るくなってゆく。 RED + GREEN = YELLOW GREEN + BLUE = CYAN BLUE + RED = MAGENTA RED + GREEN + BLUE = WHITE とりあえずこれを理解しておけばOK。CYANは所謂水色、MAGENTAは明るい紫色。~ 液晶モニタを良く見れば赤と青と緑の光から成り立っていることが分かるはず。 **減法混色 [#ebec113f] 色の三原色による。絵の具の混色と同じ。加法混色と異なり反射光によるものなので混ぜるとどんどん暗くなってゆく。CYAN, MAGENTA, YELLOWを3原色としている。先ほどの RED + GREEN = YELLOW GREEN + BLUE = CYAN BLUE + RED = MAGENTA RED + GREEN + BLUE = WHITE を逆に考えると CYAN = WHITE - RED MAGENTA = WHITE - GREEN YELLOW = WHITE - BLUE となる。つまりCYANはREDの光を吸収しGREENとBLUEを反射、MAGENTAは GREENの光を吸収しBLUEとREDを反射、YELLOWはBLUEの光を吸収しREDとGREENを反射していることになる。~ 例えばCYANとMAGENTAを混色すると、REDとGREENを吸収することになるのでおおよそBLUEになる。(REDとGREENを全く反射しない訳では無い)~ プリンタのインクの色がCYAN, MAGENTA, YELLOW, BLACKであるのは減法混色により全ての色を表そうとしているため。~ よく赤・青・黄を色の三原色などと呼んでけど、赤・青・黄の絵の具では明るい水色なんかは絶対に作れない。まあ水色と青では色相は同じなんだけど、明度や彩度が違うんだよね。三原色は色相環を作れるからそう呼ぶんでしょう。 *色の3要素 [#d4b4e9aa] -色相 -明度 -彩度 を色の3要素(3属性)と呼ぶ。 **色相 [#z43fd0a5] 色相とは色合いを示すものである。可視光のスペクトルをイメージすると分かり易い。~ 色合いを~ RED->YELLOW->GREEN->CYAN->BLUE->MAGENTA->RED~ のような形で円状に描いたものを色相環と呼ぶ。 ***色相名 [#f5970631] 日本色研配色体系(PCCS)では色相環を作る二四色相を次のように呼びます。 |1:pR|2:R|3:yR|4:rO|5:O|6:yO| |7:Y|8:gY|9:gY|10:YG|11:yG|12:G| |13:bG|14:BG|15:BG|16:gB|17:B|18:B| |19:pB|20:V|21:bP|22:P|23:rP|24:RP| 全部略称。そのうち色と名前つけます。 ***系統 [#l736ad45] 色相のうち色相名の1~7を暖色(系)、13~19を寒色(系)と呼びます。他はその中間色です。暖色は赤みがかり、寒色は青みがかる色ですね。これらの色は人の感情に働きかけることがわかっています(喩えば赤は興奮させ、青は冷静にさせます)。喜怒哀楽を伝える時にはその感情を表現できるように色を選ぶべきです。 **明度 [#w476845f] 色の明るさ。WHITEが最も明るく、BLACKが最も暗い。CYAN, MAGENTA, YELLOWはRED, GREEN, BLUEのうちの2色の加法混色であるので、RED, GREEN, BLUEよりも明るい。~ 加法混色では混ぜれば混ぜる程明るく、減法混色では混ぜれば混ぜる程暗くなる。 **彩度 [#c25c6b57] 色の鮮やかさ。WHITEやBLACKは彩度は0である。RED, GREEN, BLUE, CYAN, MAGENTA, YELLOWは彩度が最も高い。これらにWHITEやBLACKがどの程度混じるかが彩度の目安と思っても誤りではない。~ 彩度の高い背景色のWebサイトは大変目に悪いため、Webデザインに関わる人は気を付ける必要がある。 *応用 [#u919b607] **トーン [#z8d519e8] 「トーンは、明度と彩度の複合概念といえるものです」とPCCSのページにもあるけれど、面倒なので下記の参考ページのトーンの項を見て欲しい。 明度と彩度により分けられた色の場所によって、色から受けるイメージが異なる事がよくわかります。 |記號|英|和|彩度|明度|h |W|white|白|0s|7| |ltGy|light gray|明灰色|0s|5~6| |mGy|medium gray|灰色|0s|4| |dkGy|dark gray|暗灰色|0s|2~3| |Bk|black|黒|0s|1| |~----|~----|~----|~----|~----| |p|pale|薄い・淡い|2s|7| |ltg|light grayish|明るい・灰み|2s|5| |g|grayish|灰み|2s|3| |dkg|dark grayish|暗い・灰み|2s|1| |lt|light|浅い|5s|7| |sf|soft|浅い・穏やか|5s|5| |d|dull|鈍い|5s|3| |dk|dark|暗い|5s|1| |b|bright|明るい|8s|6| |s|strong|明瞭な|8s|4| |dp|deep|濃い|8s|2| |v|vivid|冴えた|9s|4| // |~| は無彩色と彩色の境目。表示用の彩色の色相は何にしようか 明度は適当です。無彩色はタダの色ですね。幾つかは知っていると思います。他にもpやltあたりはパステル調の色ですね。dpは和紙に多そうな落ち着いた色です。 このトーンはさっきの色相名の数字と合わせて色を指定できます。lt-2.5とすると、色相 R と yRの中間色相で浅い色(light)、という事を表せます。 **補色 [#ba98100c] **色彩調和 [#wa904517] *** 同系 [#teee699f] *** 類似 [#i128b6c5] *** 対照 [#ycb6087f] **色の錯視 [#u5355a01] *頻出する色の扱い [#kd7a6a91] コンピュータ上で色を扱う場合、加法混色か色の3要素を扱うものが多い。最大多数が前者を採用し、グラフィック系ソフトではこれに加えて後者が、DTPや印刷を視野に入れたソフトではさらに減法混色までをサポートするといった構図。 **RGB [#d30c2eb9] RED, GREEN, BLUEの光の強さを数値にして色を表す。HTML(CSS)での文字色指定などで使われている。~ 各色0〜255の値を指定出来るとすると |R|G|B|color|h |FF|00|00|RED| |00|FF|00|GREEN| |00|00|FF|BLUE| |FF|FF|00|YELLOW| |FF|00|FF|MAGENTA| |00|FF|FF|CYAN| |00|00|00|BLACK| |80|80|80|GRAY| |FF|FF|FF|WHITE| のように表現できる。 ※HTMLでは#00FF00はgreenではなくlimeという扱いになっており、また人間の感覚でも#00FF00は緑と言うよりも黄緑であり、一般に言う緑は#008000である。 **HSB [#ocb8d674] 気が向いたら書くかも **HSL [#h4714eec] HSBとHSVは同じものを指すが、非常に似た体系であるHSLは前述の表色系とは異なるので注意されたい。PhotoshopにはHSB、Paint Shop ProやWindowsのペイントにはHSLのカラーピッカーがそれぞれ採用されているので注意が必要。彩度-明度が四角いのがHSLで三角形なのがHSBと覚えておけばだいたい合ってる。 *頻出ではなさそうな色の扱い [#h9ecc6f3] ちょっとマイナーな表色系たち。 **XYZ [#db30a84d] 表色系の中でとても重要な地位にいて、カラーキャリブレーションや色管理の話では活躍しているのだが…。 *参考ページ [#ba5ac9f5] 日本色彩研究所・日本色研配色体系(PCCS):http://www.sikiken.co.jp/pccs/