====　１９９７年１月のお話し　====

　ウェッブ上で画像を扱うことは、ごく当たり前であるし、それがウェッブの普及してきたメリットでありますから、それについてはとやかく言う筋合いではないですが、その画像がどのような調子で他人様の目に映っているのかは、画像データをページに張り付けている小生にとっては、とっても気になるところです。
　と言うのも、気にしていない人は全然気にしていないだろうし、知っている人はそれを納得して見ているのでしょうが、ディスプレイ（特にＣＲＴ）には、テレビガンマというものが存在して、それがプラットフォームやモニタによって値が異なり、写真で言うところの階調表現やコントラストに大きく影響されるからであります。勿論、最終的に目に見える段階で、リニアになればよいのですが。
　小生が自宅で現在使用しているコンピュータは、Apple Macintosh Centiris 660AV で、本体内蔵のビデオポートから、飯山電気製のディスプレイ(MF-8615 Hello)を使用した環境で画面を覗いています。ガンマ値を変更できるツールはあるのですが、約１．８の状態で使用しています。マッキントッシュでは、大体この程度の値が普通であるみたいですが、Ｗｉｎｄｏｗｓ環境では、（勿論ビデオカードの種類も多種ありますが）バラバラで、それもそもそものＮＴＳＣで定められたガンマ値２．２に近いものが多いみたいですね。
　あなたのディスプレイ（ビデオ回路系を含めた）ガンマ値はいくらでしょうか？
　それを測定する簡易チャートを作成したので、ここをクリックし、確認してみてください。
　左側と右側にステップの異なるグレイスケールのブロックが表示されています。そして、左端、若しくは右端にそれぞれの段階に対応したガンマ値が記されています。どちらか視認性のよい方で、画面より離れて（場合によって画面をスクロールしながら）眺めてください。グレースケールの間に細い横縞模様がありますが、それが隣接するブロックと明るさの境がなくなる箇所がその（目で見えている）ディスプレイのガンマ値ということになります。
　尚、注意事項として、画面がディザ表示されていたりすると見た目の正確さに欠けますので、グレースケールが正しく表示されるビデオ環境をお薦めします。また、画像をリサイズしたり回転したりすると、チャートのとＣＲＴの特性上、表示に狂いが生じる場合があります。即ち、このチャートは、精密な測定をすることを前提とはしていないので、あくまで目安としてお考えてください。
　小生は、大体において、自分の環境（ガンマ値１．８）で適正に見えるように、画像データのレタッチを行っていますので、Ｗｉｎｄｏｗｓユーザーが多い昨今、その方には、コントラストが高めで、かつ全体的に暗めに表現されているのではないでしょうか。勤務先では、業務でＷｉｎｄｏｗｓマシンを使用する機会も多いのですが、その時に眺めた自分のホームページの印象の違いに唖然とした覚えがあります（良い意味でも悪い意味でも）。
　ホームページの背景は、なにか全体的に一貫した優しい配色をと思って、淡い緑系の色を選んだつもりですが、この中間調のパステル色がディスプレイによって、印象が大きく異なるのですね。
　バックにＧＩＦデータを埋め込むのも手ですが、気に入ったテキスチャの画像がなかなか作れないでいるのです。例えば、小生のホームページのトップに戻る ボタンですが、ここをクリックすると子ウィンドウが開きまして、このＧＩＦデータで背景を埋めると、このようになったりしますが、気色悪いので新しいウィンドウは即座に閉じてください。
　で、今回のホームページのリバイスアップで、過去のページはそのままに、新規に手を加えてページから、色調は変化させずに背景を明るい色に変更することにしました。

　ちょっと、話が脱線しますが、JavaScriptって面白いですね。例えば、次のようなイベントもとれるのですね。下のボタンの上にマウスカーソルを移動してみてください。

　以上が、「背景色の明るさを４１％向上した理由」なのですが、続けて、今度はもう少し学術的に「背景色の向上した明るさが４１％である理由」を以下に述べてみましょう。
　以前の背景色のレベルをＲ0、Ｇ0、Ｂ0として、現在の背景色のレベルをＲ1、Ｇ1、Ｂ1と置きます。０〜２５５（８ビット）レベルで、ＨＴＭＬの指定は、Ｒ0:0x40(64),Ｇ0:0xD0(208),Ｂ0:0xB0(176)から、Ｒ1:0xAF(175),Ｇ1:0xFF(255),Ｂ1:0xDF(223)に変更しました。
　８ビットデータを０〜１００に正規化すると、
　Ｒ0 = 64 / 255 x 100 = 25.10, Ｇ0 = 208 / 255 x 100 = 81.57, Ｂ0 = 176 / 255 x 100 = 69.02
　Ｒ1 = 175 / 255 x 100 = 68.63, Ｇ1 = 255 / 255 x 100 = 100.00, Ｂ1 = 223 / 255 x 100 = 87.45
　となります。
　ＲＧＢをカラーテレビ系（ＮＴＳＣの定める赤、緑、青の蛍光色を原刺激、標準照明光Ｃを基礎刺激とする表色系）の信号とみなして、この値をディスプレイの三刺激値とすると、
　Ｘ = 0.6067 x Ｒ + 0.1736 x Ｇ + 0.2001 x Ｂ
　Ｙ = 0.2988 x Ｒ + 0.5868 x Ｇ + 0.1144 x Ｂ
　Ｚ = 0.0000 x Ｒ + 0.0661 x Ｇ + 1.1150 x Ｂ
が、ＣＩＥ ＸＹＺ表色系（２度視野）への変換マトリックスとなります。
　然るにここで、各々の値を色空間変換すると、上記の式より、
　Ｘ0 = 43.20, Ｙ0 = 63.26, Ｚ0 = 82.35
　Ｘ1 = 76.50, Ｙ1 = 89.19, Ｚ1 = 104.12
となります。
　輝度を表すＹの値を比べるとＹ0:63.26→Ｙ1:89.19（差分25.93）となっていまして、
　dＹ / Ｙ0 = 25.93 / 63.26 = 0.4098 = 41%
　（Ｙ1 = Ｙ0 x 1.4098 = 63.26 x 1.4098 = 89.19）
と、（多少計算誤差がありますが）明るさに関して、背景色が４１％分アップしたことになります。まあ、正確に言うと、人間の感知する明度相当のものは、後述のＬ*値の方が近いですが。

　ここで、色度座標についても計算しておきますと、
　ｘ = Ｘ / (Ｘ + Ｙ + Ｚ), ｙ = Ｙ / (Ｘ + Ｙ + Ｚ)
なので、
　ｘ0 = 0.2288, ｙ0 = 0.3350
　ｘ1 = 0.2835, ｙ1 = 0.3306
となりまので、色味は若干、緑方向から白点へ近づいたことになります。
　色度図に関しては、１９９６年３月のお話しも、参照として見てみてくださいな。

　ちなみに均等色空間上で、変更前と変更後の色差を計算しておきましょう。
　ＸＹＺ表色系からＬ*ａ*ｂ*色空間へ変換する式は、
　Ｌ* = 116.0 x (Ｙ/Ｙb)^(1/3) - 16.0
　ａ* = 504.3 x ((Ｘ/Ｘb)^(1/3) - (Ｙ/Ｙb)^(1/3))
　ｂ* = 201.7 x ((Ｙ/Ｙb)^(1/3) - (Ｚ/Ｚb)^(1/3))
　（標準照明光Ｃの場合，Ｘb:98.072, Ｙb:100.000, Ｚb:118.225）
であり、色差は、Ｌ*ａ*ｂ*均等色空間内の２点の色度間の距離でありますから、
　dＥ = SQRT((Ｌ1* - Ｌ2*)^2 + (ａ1* - ａ2*)^2 + (ｂ1* - ｂ2*)^2)
となります。
　以上の式に当てはめて計算すると、
　Ｌ1* = 83.58, ａ1* = -49.20, ｂ1* = -5.65
　Ｌ2* = 95.66, ａ2* = -21.21, ｂ2* = 0.82
　dＥ = 31
となります。

　ちょっと、学術的な色の話になってしまいました。もうすこし、ソフトで芸術的な色のお話がさらにご希望の方は、NaO's COLOR PAGEを見てみてください。パーソナル色判断もありまして、とても素敵なページです。

　参考文献：「色彩工学の基礎」池田光男著，朝倉出版（1980年9月初版）
　　　　　：「色の性質と技術」応用物理学会光学懇話会編，朝倉出版（1986年10月初版）
　　　　　：「ＪＩＳハンドブック色彩」日本規格協会（1986年4月第１版）