表色系の実際

表色系でカラーのようすを見てみよう
ご注意 : 動作確認ブラウザは、IE5.0とNetscape4.6です。ブラウザによっては、正常に動作しない可能性があります。

ＸＹＺ表色系、Ｌ＊ａ＊ｂ＊表色系での色の変化を実際に観察する
このページは、インデックスページでご紹介している「色出し名人」のプログラム内容をＷＥＢ用にアレンジしたものです。
ただし、マンセル表色系は扱えません。ご了承ください。
左のフレーム内にある操作窓を下記のように指定すると、左フレーム内の背景色があなたの指定した色に変化します。

操作方法
（１）表色系を選びます。
・枠内の最初にあるボタンは、表色系の指定です。使いたい表色系のボタンをクリックします。
（２）枠内のテキスト入力枠３つに、ＸＹＺまたはｘｙＹ、Ｌ＊ａ＊ｂ＊の値を入力します。
・ＸＹＺ表色系のときは、値１にＸを、値２にＹを、値３にＺを入力します。
・ｘｙＹの場合は、値１にｘを、値２にｙを、値３にＹを入力します。
・L*a*b*のときは、値１にL*を、値２にa*を、値３にb*を入力します。

なお、表示枠にあるＲ＝、　Ｇ＝、　Ｂ＝、の３つの枠には、表示色がＲＧＢに変換されたときの値が表示されます。このＲＧＢを変更しても色の表示はしません。変換値を確認するためのものです。０から２５５までのいずれかの数値になります。

（３）オプション
・ガンマ値とコントラストは、表示の色を微調整するものです。あなたがお使いのディスプレイのガンマ値がわかっている方は、その値を入力した方が適正な発色になります。多くのディスプレイは2.2を使っていますので、初期値は2.2にしてあります。
・コントラストは、主に彩度の増減を調整するものです。値は0から９９（％）まで有効です。値を大きくすると、彩度が強くなっていきます。これは、発色のコントラストが弱い場合が多いので、つけてみたものです。ディスプレイ周囲の明るさによってもコントラスト感は変化します。参考までに、私が使っているディスプレイでは、コントラストを40にすると良い状態で発色しています。

（４）「色の表示」ボタンを押すと、その値の色が表示されます。

使ってみよう
それでは、さっそく実験してみましょう。コントラストは40～50位に変更しておいてみましょう。

ＸＹＺ表色系での様子
ＸＹＺ表色系では、Ｙは「視感反射率」という明るさ感を示します。ＸＹＺとＲＧＢは同じものではありませんが、Ｘが大きくなるとＲＧＢのうち、Ｒが最も大きな影響を受けます。ＹではＧが、ＺではＢが大きな影響を受けます。ですから、色の変化はＸを大きくすると赤みが強くなります。同様にＹでは緑みが、Ｚでは青みが増す傾向になります。
印刷インキに使用されている三原色は、マゼンタ、シアン、イエローですが、これら印刷に使う減法混色の三原色のＸＹＺ値は以下のような値です。実際に値を入力して、その色になるかどうか試してみてください。

表色系のボタンで、ＸＹＺを選びます。下記の値をそれぞれの値１から値３に入力します。なお、数字入力は必ず半角で！
　　　　　　　　値１　　　　値２　　　値３
マゼンタ X=34.61　Y=19.30　Z=23.59
シアン　　 X=23.16　Y=28.47　Z=66.93
イエロー　X=68.23　Y=78.03　Z=22.88

どうでしょう、ちゃんとその色になりましたか？なりましたよね。印刷インクの発色のカラーチャート「プロセスカラー」のカラーチャートというのを持っている方は、マゼンタ、シアン、イエローがそれぞれ１００％の色を見比べてみてください（室内の照明によっても多少違ってきますが・・・）。
発色の鮮やかさはディスプレイの性能にもよります。言葉は悪いですが、性能の悪いものですと鮮やかさが足りない印象になります。あなたのディスプレイ本体のコントラストは最高にしておいてください。

ｘｙＹでの様子
では、次にｘｙＹを試してみましょう。表色系の選択ボタンを今度はｘｙＹに切り替えます。
光の三原色ＲＧＢは、日本で採用されているＮＳＴＣ式というカラーモニタでは、三原色を以下のように定めています（実際には多少違うものもありますので、一例です）。

　　　値１　　　値２
Ｒ　x=0.67　y=0.33
Ｇ　x=0.21　y=0.71
Ｂ　x=0.14　y=0.08

Ｙ（値３）は任意です。とりあえず50位を入れておきましょう。どうですか、鮮やかな赤、緑、青になったでしょう？

次の実験。日本人女性の肌色（頬）の平均的な値を入れてみましょう。

　　値１　　　値2　　値３
ｘ＝0.37　y=0.34　Y=36

色白の方では、Y=43位ですから、「私は色白」と自信のある方は、値３を43にしてみてください。どうでしたか？
ちなみに白人の方ですと、Y=59位になります。

この表示プログラムでは、コンピュータモニタで採用されているD65での白の値を「白」と発色する値を使っています。コンピュータ用のディスプレイは、色温度９３００Ｋの白を「白」にしてものもあるようですので、多少色が異なる場合もあるかもしれませんが、そこはガマンしてください。では、白を出してみましょう。

値１　値2　値３
x=0.3101　y=0.3161　Y=100

どうですか、白になりましたか？

では、人間の目の感度が最大の555nmの波長の光の色って何色なんでしょう。
ちょっとやってみましょう。次の値を入力してみてください。

　　　値1　　　値2　　　値3
x=0.337　y=0.659　Y=100

この値は、スペクトルの555nmの値です。
実はこの値は、コンピュータやテレビの発色領域を超えているものです。具体的には、この値で表現される色よりも、もっと鮮やかな色なんです。でも、ディスプレイでは、これが限度。そのため、マイナスの値になる原色が出てきてしまいます。でも、色合いとしては、ほぼＯＫです。どうですか、黄緑になったでしょう。最も目の感度の高い555nmの色はこのような色なんです。

次によく見かける色として、レーザーポインターというスライドなどの投影画面を指し示す赤い光の色を見てみましょう。よく使われるのが620nmの光です。この波長のスペクトルの値は、

　　　値1　　　値2　　　値3
x=0.692　y=0.308　Y=38.1

です。原色の一部がマイナスになりますが、色合いとしてはほぼこんなものです。

Ｌ＊ａ＊ｂ＊を使ってみる
では、次に、Ｌ＊ａ＊ｂ＊を使ってみましょう。Ｌ＊は明るさです。値は大きいほど明るくなります。
ａ＊とｂ＊で、色相と彩度が決まります。
ａ＊とｂ＊の両者がプラスの値では暖色系（赤系～黄色系）になります。
ａ＊がプラスでｂ＊がマイナスだと黄緑から青緑系になります。
ａ＊とｂ＊がマイナスだと青緑から紫みの青系、ａ＊がプラスでｂ＊がマイナスだと、紫みの青系～紫系、そして赤紫系になります。
数値自体は大きいほど鮮やかになります。

無彩色はａ＊=0（値2）　ｂ＊=0（値3）　です。
Ｌ＊=100（値1）　ａ＊=0（値2）　ｂ＊=0（値3）　としてみましょう。

白になりましたね。Ｌ＊の値を１０で割ると、それはだいたいマンセルシステムの明度の値になります。

ブルー系を出してみましょう。
例えばネービーブルーは、

　　　　値１　　　　　　　値2　　　　　　値3
Ｌ＊=11.62　　ａ＊＝11.61　ｂ＊= -21.66

ベージュでしたら、
Ｌ＊＝71.76　　ａ＊＝4.51　ｂ＊=12.34

といった具合です。

このように、いろんな文書でもし、ＸＹＺやｘｙＹやＬ＊ａ＊ｂ＊が出ていたら、是非色の値を入れて試してみてください。
わけのわからない数値が、思いもしない「色」になって飛び出してくることと思います。
では。