WentWayUp: WebLog

HTMLやCSSで使うために140個の色名が定義されている。個人ホームページ全盛期のHowTo本にはよく載っていたものだが思えば最近あまり見ない気がする。
HTMLを書いていてなんでもいいからとりあえず色を付けたい時一々カラーコードを書くよりredとかblueとか書くと楽なので便利だ。(cyan・magenta・yellowもあるがgreenは罠だ。緑100%はlimeだ。)

ここで、謎の色名「honeydewtab」というものがある。
詳しくはこちらのページを読んでほしいが、かいつまんで言うと
・なぜか色名として「honeydewtab」が載っている本やサイトがあった
・何らかの色が出るが、ブラウザにより異なる
・著者から連絡があり間違いだったと確認された
ということだ。

ここで不思議なのが何らかの色は出ること。
存在しないのならなぜ無視されるのでなく何か出るのか。どういう解釈をされているのか。
調べていると別のサイトで様々な文字列が実験されているのを見つけた。
ここの「coffee」で見覚えのある色があって気づいた。これは#C0FFEE色だ。英単語として読める16進数は色々あり、中でもちょうど6文字でいい感じの色が出るC0FFEEは自サイトでもよく使うお気に入りだったのである。

すると#を付けなくとも16進数として解釈されるのか。試してみると6文字の時は16進数字以外を"0"として解釈した値と一致している。
謎はほぼ解けたもののhoneydewtabなど6文字以外の場合の規則は分からずじまいだった。

その後HTMLの仕様を見ていた所「legacy color value」としてパース方法が定義されているのを見つけた。
https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#rules-for-parsing-a-legacy-colour-value
簡単に説明すると、
16進数字以外を'0'に置き換え、文字数が3の倍数になるよう末尾に'0'を足し、3分割。3つの要素それぞれの先頭から等しい数の'0'を、最低2桁は残して、除ける限り除く。各要素の先頭2桁を1バイトのRGBと解釈する。
というものだ。(簡単に説明できなかった。)
正式な簡略表記だと思っていた3桁表記(#369=#336699みたいなやつ)もlegacyだったのは意外だ。

honeydewtabを例にパースしてみよう。

さて、この複雑なパース手順は何を意図したものだろうか。
桁数が多い場合を考慮している点と、先頭2文字を取るところは、将来的に各色要素が3桁以上になった場合でも対応できるようにしつつその場合に各色8bitの環境でも適切な色を出せるように考えられているように見える。
しかし、そう考えると3桁以上で頭が0の時は破綻する。
例えば(000,012,0AB)という3桁の色表現があったとして、2桁に変換するなら(00,01,0A)となってほしいところだが、この手順では(00,12,AB)になる。
してみるとこの仕様はまともに使えることを意図したものではなく、各ブラウザでまちまちだった挙動をなるべく保持しつつ矛盾のない1つの仕様にまとめたものなのではないだろうか。