Webカラー216色・Webセーフカラー
Webカラー216色(Webセーフカラー)
Webカラー216色(Webセーフカラー)
Webセーフカラーとは、RGB各色を6段階の組み合わせで表現できる216色(6x6x6=216)。 「Webセーフカラー」という名前が規格として規定されているわけではないらしいが、一定の認知度はあると思われる。 ちなみに機種依存が少ないとされているが、逆に言えば細かい色の指定ができないので、結果的に機種依存しにくいとも言える。
さて個人的見解ですが・・・、216色しか表現できないので、現在ではWebデザインにおいて積極的に使用することは少ないと思いますね。 数学的には均等に色が散らばっていることになりますが、人間の目から見るとよく似た暗い色が多そうに見えます。 なお世の中には「暗い色が好き」という嗜好もあると思うので、暗い色を否定しているわけではないです。 そもそも今のソフトウェアを、216色程度の色しか表現できないハードウェアで動かすことはほぼ無いと思います。
1980年台ころの黎明期のPCでは、RGBを各2段階で表現し8色(2x2x2=8)しか使用できませんでした。
Webブラウザが登場したのは、1990年ぐらい?なので、このころのPCは512色表示可能なPCも多かったと思います。
Webセーフカラーという概念が出たのはこれよりずっと後だと思いますが、過去互換性を考慮したのではないでしょうか?。
あと、どうでもいいコトですが・・・。
気になる点その1。
「RGB各色を6段階の組み合わせで」がちょっと微妙な気がします。その訳ですが、6段階を表現するには、3Bit必要になります。
しかし3Bitあれば8段階表現できるので、RGB各8レベルの512色(8x8x8=512)を定義した方が現実的な気もします。
気になる点その2。
ネットで「MacintoshとWindowsで異なる40色を除いた・・・」の記載があるページもありましたが、この40色が何か私にはわかりませんでした。
RGB各6レベルの(6x6x6)の216種類の組み合わせしか表現できないので、ちょっとこの40色が気になります。
Webセーフカラー(Webセーフカラー)・カラーマップ
Webセーフカラーのカラーマップ作成しました。赤 | 緑 | 青 | |||||
00 | 33 | 66 | 99 | cc | ff | ||
00 | 00 | 000000 | 000033 | 000066 | 000099 | 0000cc | 0000ff |
33 | 003300 | 003333 | 003366 | 003399 | 0033cc | 0033ff | |
66 | 006600 | 006633 | 006666 | 006699 | 0066cc | 0066ff | |
99 | 009900 | 009933 | 009966 | 009999 | 0099cc | 0099ff | |
cc | 00cc00 | 00cc33 | 00cc66 | 00cc99 | 00cccc | 00ccff | |
ff | 00ff00 | 00ff33 | 00ff66 | 00ff99 | 00ffcc | 00ffff | |
33 | 00 | 330000 | 330033 | 330066 | 330099 | 3300cc | 3300ff |
33 | 333300 | 333333 | 333366 | 333399 | 3333cc | 3333ff | |
66 | 336600 | 336633 | 336666 | 336699 | 3366cc | 3366ff | |
99 | 339900 | 339933 | 339966 | 339999 | 3399cc | 3399ff | |
cc | 33cc00 | 33cc33 | 33cc66 | 33cc99 | 33cccc | 33ccff | |
ff | 33ff00 | 33ff33 | 33ff66 | 33ff99 | 33ffcc | 33ffff | |
66 | 00 | 660000 | 660033 | 660066 | 660099 | 6600cc | 6600ff |
33 | 663300 | 663333 | 663366 | 663399 | 6633cc | 6633ff | |
66 | 666600 | 666633 | 666666 | 666699 | 6666cc | 6666ff | |
99 | 669900 | 669933 | 669966 | 669999 | 6699cc | 6699ff | |
cc | 66cc00 | 66cc33 | 66cc66 | 66cc99 | 66cccc | 66ccff | |
ff | 66ff00 | 66ff33 | 66ff66 | 66ff99 | 66ffcc | 66ffff | |
99 | 00 | 990000 | 990033 | 990066 | 990099 | 9900cc | 9900ff |
33 | 993300 | 993333 | 993366 | 993399 | 9933cc | 9933ff | |
66 | 996600 | 996633 | 996666 | 996699 | 9966cc | 9966ff | |
99 | 999900 | 999933 | 999966 | 999999 | 9999cc | 9999ff | |
cc | 99cc00 | 99cc33 | 99cc66 | 99cc99 | 99cccc | 99ccff | |
ff | 99ff00 | 99ff33 | 99ff66 | 99ff99 | 99ffcc | 99ffff | |
cc | 00 | cc0000 | cc0033 | cc0066 | cc0099 | cc00cc | cc00ff |
33 | cc3300 | cc3333 | cc3366 | cc3399 | cc33cc | cc33ff | |
66 | cc6600 | cc6633 | cc6666 | cc6699 | cc66cc | cc66ff | |
99 | cc9900 | cc9933 | cc9966 | cc9999 | cc99cc | cc99ff | |
cc | cccc00 | cccc33 | cccc66 | cccc99 | cccccc | ccccff | |
ff | ccff00 | ccff33 | ccff66 | ccff99 | ccffcc | ccffff | |
ff | 00 | ff0000 | ff0033 | ff0066 | ff0099 | ff00cc | ff00ff |
33 | ff3300 | ff3333 | ff3366 | ff3399 | ff33cc | ff33ff | |
66 | ff6600 | ff6633 | ff6666 | ff6699 | ff66cc | ff66ff | |
99 | ff9900 | ff9933 | ff9966 | ff9999 | ff99cc | ff99ff | |
cc | ffcc00 | ffcc33 | ffcc66 | ffcc99 | ffcccc | ffccff | |
ff | ffff00 | ffff33 | ffff66 | ffff99 | ffffcc | ffffff |