当てずっぽうのきかない一つの数のために

Just Color Picker は、はっきりした方法のない問いに答える小さな無料のプログラムです。その色は、正確には何なのか。ここで扱うバージョンは 6.2 です。静かに動き、動き出したあとに押すものはありません。ポインターをそのピクセルの上に置けば、値が現れます。

小さな問いに聞こえて、そうではありません。人の目は二つの色を比べるのは得意で、一つの色に名前を付けるのは苦手です。二台のディスプレイで同じに見える灰色が数パーセント違うことはあり、見比べても決着しません。取色ツールはそれを数に変えます。数になれば、スタイルシートにも、デザインファイルにも、同僚へのメッセージにも貼れて、そこで議論が終わります。

同じ色を言う五つの方法

値は五つの表記で同時に出ます。HTML、RGB、HEX、HSB（HSV とも書きます）、HSL。重複ではなく、五つが違う問いに答えています。

HEX と HTML は Web ページが求める表記です。同じ数をシャープ記号付きで、あるいは色名で、スタイル規則にそのまま貼れます。RGB は画面が求める表記で、三つのチャンネルがそれぞれ強さを持ち、チャンネルごとに調整したいときの表記でもあります。

HSB と HSL は人が求める表記です。色相、彩度、明度で色を語ることは、実際に色を決める手順と合っています。色相はそのまま、彩度を下げ、明度を上げる。RGB の三つの数を書き換えて明るい版を作ろうとした人なら、この二つの記述の振る舞いがどれほど違うか知っているはずです。

拡大鏡、そして正確さに助けが要る理由

ポインターは精密な道具ではありません。ピクセルは小さく、輪郭のぼかしはグラデーションで、枠線の色とその内側一ピクセルの色の差は、まさに問題になる差です。拡大鏡はそのためにあります。ポインターの周りを三倍、九倍、十五倍と段階的に拡大し、狙う場所を確かめてから取れるようにし、ポインターは手ではなくキーボードで微調整できます。

平均サンプリングも同じ問題の別の面です。写真や質感のある面には単一の色はなく、分布があります。狭い範囲で平均を取ると、人に「これは何色か」と尋ねたときに返ってくる色が得られ、それはたいていデザインに入れるべき色です。

色見本表こそが時間を節約する部分

一度色を取るのは簡単です。来週、まったく同じ色をもう一度取る、というところで時間が失われます。色見本表は取った見本を残すので、スクリーンショットや実物から組み立てたパレットがその作業の間ずっと残り、元の素材に戻らずに使い回せます。

向いているところ

Just Color Picker は、これを一時間に何度も必要とする人のためのものです。インターフェースの設計、Web のデザイン、画面にすでにある何かに色を合わせなければならない仕事。パレットの生成器でも画像編集ソフトでもありません。そこにある色を読み、次の道具が受け取れる表記で書き留めます。その仕事にとって、小さいことは制約ではなく、一日中開いたままにできる理由です。

一つの数字が道具の境界を越える

色を取る作業は、たいてい終点ではなくリレーの第一走者です。デザインファイルで測った色はスタイルシートへ入り、その色は別の端末でも同じに見えなければなりません。受け渡しのたびに、同じ数字が別の道具によって読み直されます。どこか一箇所でも「だいたいこんな感じ」という記述で渡してしまうと、その先の工程はすべてその曖昧さを引き継ぎます。

五つの表記を同時に出す意味もそこにあります。次に渡す相手がどの表記を読むのかを、渡す側が選べるからです。人の記憶ではなく、数として渡せること。取色ツールの仕事は、そこに尽きます。