カラーマネジメントシステムは、文字コードの処理と似たようなことをするシステムだと思うとイメージしやすいと思った。

最近のウェブアプリケーションの文字コードの取り扱いのベストプラクティスは「中は全部 UCS 系 (UTF-8 とか)、入出力でちゃんと内部エンコーディングに変換する」となっているけど、カラーマネジメントと同じような感じで、「中は全部 XYZ、入出力でプロファイルを使って変換する」みたいな感じっぽい。

カラーマネジメントシステムの場合その内部エンコーディングをプロファイル接続空間 (PCS) と言うらしい。PCS は使う範囲の色をカバーしていればなんでもよくて、XYZ とか L*a*b* とか、知覚できる全ての範囲をカバーする色空間にしとくのが無難っぽい。例えば Mac のカラーマネジメントシステムである ColorSync は、PCS として XYZ 表色系を使っている。

A Standard Default Color Space for the Internet - sRGB

とりあえずガンマの意味がよくわからなくなった……

なんかいくつかあって難すぎる…… ちょっと訳してみる

いわゆる「ディスプレイのガンマ」ってやつは最後の display gamma っぽい。CRT gamma はディスプレイの物理的な (ハードウェアとしての) 特性値で、LUT gamma はディスプレイカードとかに設定されているガンマ値かな。

camera gamma は当然カメラのセンサー特性のことだと思う。viewing gamma はカメラからディスプレイ出力までを考慮した全体的なガンマ？

ディスプレイキャリブレーションでターゲットにするガンマは当然 display gamma だと思う。キャリブレーションでガンマを求めたら、ディスプレイカードの LUT ガンマを調整するのかな…

ガンマの種類を読んでいて、そもそも「ガンマ」のついて理解がなさすぎるな、ということでそこからちゃんと理解する必要がある。

ガンマは信号の出入力間の関係性を示していて、具体的には、出入力信号強度間に output signal intensity = input signal intensity ** gamma という関係があるときの gamma らしい。ディスプレイのガンマが1ならリニア(変化なし)だし、1を超えているなら黒っぽくなり、1未満なら白っぽくなる。

• 自然界の物体の色は反射率に対してリニア、すなわち gamma = 1
• CRT ディスプレイにおいて物理的特性から gamma ≒ 2.2
• 人間の目・脳は gamma ≒ 1/3〜1/2.2 で知覚

人間の目は信号強度が強くなるほど圧縮して知覚するらしい (明るくなるほど、明度差を感じるための必要な信号差が大きくなる)。これは音の大きさとかでもそうだし、人間の知覚ってそういうものらしい ヴェーバー‐フェヒナーの法則

CRT にリニアな信号を入れると、人間が知覚する場合はある程度中和されて、階調変化が自然に見えるようになるようだ？ (γ=0.733~1.0 程度になるっぽい)

サイドにグレーの帯をひくデザインにしてみた。最初 18% グレーとかにしたんだけど、濃すぎたのでやめた。文字の場合は帯まで伸びず、写真やコードの場合は帯まで占有するようにした。

前まではこういう単純な帯でも画像をつくったりする必要があったけど、CSS のグラデーションのおかげで、かなり楽になった。今回は固定サイズの帯だけど、CSS でやるなら割合で適用できるので、フレキシブルになったなあと思う。

設定していたウェブフォントに Bold がなかったためか、ブラウザによってはだいぶ汚いボールドのエミュレーションがかかっている状態だったので、別のウェブフォントに変えた。あんまり複数スタイルを持っているウェブフォントがなくて難儀する。

前に使っていたフォント (Mate SC) はちょっとオールドっぽい感じものだったけど、今設定してる Merriweather はスッキリしててモダンになった気がする。

一行の文字数が長すぎるのが問題だなあとずっと思っているけど、綺麗に解決する方法がいまいち思いつかない。考えられる方法としては

• max-width: 40em する
• 文字のサイズを大きくする

あたりかなあと思うのだけれど、max-width を設定した場合、余ったスペースはどうするのかという問題が生じるし、文字のサイズを大きくする場合、そうはいっても限度があるだろう (100dpi 程度で 16px ぐらいが限界に感じる) という思いがある。

最近はカラーマネジメント対応モニタが7万円から買える感じになりつつあるようだ。

• DELL U2713H 7万ぐらい
• LG FLATRON 27EA83-D 7万ぐらい (キャリブレーター付き。Windows 向けのみ )
• EIZO ColorEdge CX270-CN 12万ぐらい (キャリブレーションソフト付属・キャリブレーター別)

どれもハードウェアキャリブレーションが一応ついているっぽいが、DELL と LG は Mac 向けのドライバを提供していないのでそもそも Mac だと意味がない。ついでに特定のキャリブレーターを使わないとダメな仕様のようで残念感が高い。

いずれも DisplayPort で 10bit 入力を受け付けるモニタなのだけれど、現状の Mac だと Mac Pro でハイエンドなグラボをつけない限り 10bit 出力ができないので意味がない。10bit で表示できる環境がつくれるならハードウェアキャリブレーションはいらないんじゃないかと素人考えだと思うけど、どうなんだろう (10bit で出せないんだから考えるだけ無駄だけど)

Windows にしても 10bit 出力できるハードがどれほどあるのか疑問がある。というか 10bit で見ても、たぶん 8bit と殆どかわらないように見えると思う。

ColorEdge は安心感があると思うけど、価格差がかなりあって厳しく、素人にはいずれの機能にしてもそれほど重要ではないような気がするので、どれか選ぼうと思うと DELL かなあという気持ち。

いくつか疑問点があって、自分の中で整理しきれてないので一度まとめてみる。カラーマネジメントは今年中にマスターしたい。

ウェブの場合、どうやっても厳密な色で閲覧してもらうことは不可能なので、人間の眼のホワイトバランス調整機能を活用するために #FFFFFF をうまくつかったデザインに変えるべきな気がするなあ。

白ベース背景に黒縁つける感じのがいいのかなあ。人間のホワイトバランス調整をうまく機能させるために効果的な方法を知りたい。錯視の本とか読んだらわかるのかな