Google のキャッシュのハイライト色の最大色数

Google で検索をしてキャッシュを表示させると、検索したキーワードがハイライトされる。私はこの機能を知ってからは、キャッシュ収録後に更新されていそうなページやキャッシュで見られないページを除き、Google 検索した結果はまずキャッシュで見るようになった。キャッシュで見た方が見やすいからだ。PageRANK とキャッシュとハイライトが Google の目玉機能だと思っているほどだ。

スペースで区切って複数のキーワードを検索したときでも、異なる色でハイライトされるのでとても見やすい。ここでふと疑問に思ったのだが、このハイライトって何色まであるんだろう? 色数が多くなったとき、どんな色が出てくるんだろう? とりあえず 15個のキーワードで検索してみる。Google で 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 を検索。すると、以下のような警告が出ていた。そういえば、エラーメッセージをそのまま検索したときなどに見た覚えがあるな。

検索が10語までに制限されているので"11"とその後の語句は検索には使用されていません。

じゃあ、すべての色を見るには10語での検索で十分なんだね。

- やってみよう

時間が経ってからこの記事を読んだ人が、実際に Google のキャッシュを見て色を確かめられるようにしておきたいので、自分のサイトのキャッシュを見られるようなキーワードにしてみた。

Google で Landscape 最終 更新 時刻 RSS 斎藤 宏明 sonic64 2003 2004を検索

Landscape トップページのキャッシュ表示
http://www.google.co.jp/search?q=cache:mbIIC3VDM04J:sonic64. ...



上記のクエリでキャッシュを表示させて html ソースを見ると、以下のようになっていた。

これらのキーワードがハイライトされています：&nbsp;</font></td>
<td bgcolor=#ffff66><B><font face="" color=black size=-1>landscape&nbsp;</font></B></td>
<td bgcolor=#A0FFFF><B><font face="" color=black size=-1>最終&nbsp;</font></B></td>
<td bgcolor=#99ff99><B><font face="" color=black size=-1>更新&nbsp;</font></B></td>
<td bgcolor=#ff9999><B><font face="" color=black size=-1>時刻&nbsp;</font></B></td>
<td bgcolor=#ff66ff><B><font face="" color=black size=-1>rss&nbsp;</font></B></td>
<td bgcolor=#880000><B><font face="" color=white size=-1>斎藤&nbsp;</font></B></td>
<td bgcolor=#00aa00><B><font face="" color=white size=-1>宏明&nbsp;</font></B></td>
<td bgcolor=#886800><B><font face="" color=white size=-1>sonic64&nbsp;</font></B></td>
<td bgcolor=#004699><B><font face="" color=white size=-1>2003&nbsp;</font></B></td>
<td bgcolor=#990099><B><font face="" color=white size=-1>2004&nbsp;</font></B>

ちなみに、上記の「これらのキーワードがハイライトされています」は table のセルの背景色でハイライト色を指定しているが、実際のページ中のキーワードは物理マークアップタグの <b> の style 属性で色を指定している。本文中にいきなりテーブルを割り込ませる訳にはいかないからね。

<B style="color:black;background-color:#ffff66">Landscape</B>

あと、いままでは気にしてなかったけど、1色目から5色目までの文字色は黒、6色目から10色目は文字色が白なんだね。

- Google ハイライト使用色一覧

表の項目を説明しておく。左から以下の四項目を並べてある。
・24ビット RGB の値
・html や スタイルシートにおいて、16進数ではなく名前で指定できるときの色名
・斎藤の私見による色の名前。齋藤にはこの色に見えた。
・216色 web セーフカラーに含まれているか否か

RGB 値    色名    私見    web セーフカラー
#ffff66    色名無    黄色    セーフ
#a0ffff    色名無    水色    非セーフ
#99ff99    色名無    緑色    セーフ
#ff9999    色名無    橙色    セーフ
#ff66ff    色名無    桃色    セーフ
#880000    色名無    藤色    非セーフ
#00aa00    色名無    緑色    非セーフ
#886800    色名無    土色    非セーフ
#004699    色名無    紺色    非セーフ
#990099    色名無    紫色    非セーフ

斎藤の私見による色の名前は、あくまでも私の環境ではこの色に見えたというだけ。ビデオカードの種類やディスプレイの種類、明るさやコントラストによって変わってくるので、絶対的なものではない。

- 結構適当に指定しているのかなあ?

Google ほどの巨大なサイトになると、いろんな環境からアクセスされる。環境によって見えにくい色などがあっては困る。そのため、Google のカラーコーディネータは、極力 web セーフカラーなどに則って色を指定しているんじゃないだろうかと予想したのだが、そうでもなさそうだ。10色中 Web セーフカラーはわずか4色。また、色名で指定できるようなメジャーな色は使っていない。見やすければいい、というポリシーなんだろうな。