Webカラー基本色の16色と8色
Webカラー基本色
Webカラー基本色・RGB基本8色
Webカラー基本色とは、HTMLやスタイルシート(css)で、色の名前で、断りが無い限りHTML 4.01仕様で定義された色をさす。 またWebカラー基本色ではないが、参考としてRGB基本8色も合わせて記載する。
Webカラー基本色
Webカラー基本色とは、HTML 4.01仕様で定義された色になります。これは
当時のPCのハードウェアを考慮して決められた色と思われるので、色の選択肢が多くありません。
この色の多くは、RGBの値が3レベル(00,80,ff)の組み合わせで構成されています。 しかしすべての組み合わせを網羅すると27色になるはずですが、実際には16色しか定義されていません。 この「16色」という意味は、おそらく当時主流だったハードウェアの「4096中16色」を考慮したのでしょう。
少し気になる点として、「green」のRGB値は「008000」となっています。 RGBのG(green)という点を考慮すると、この値はffが自然と思われるのですが、(明度のためか?)ffではなく80となっています。 ではRGBが「00ff00」が何色かと言うと、「lime」という名称がつけられています。
あと、RGBの値という点で言えば「silver」はかなり異端児になりますね。詳細はカラーマップ部分を参照してください。
Webカラー基本色 一覧
以下にWebカラー基本色の色一覧を記載します。
色 | 色名 | RGB値 |
---|---|---|
black | 000000 | |
silver | C0C0C0 | |
gray | 808080 | |
white | ffffff | |
yellow | ffff00 | |
fuchsia | ff00ff | |
red | ff0000 | |
olive | 808000 | |
purple | 800080 | |
maroon | 800000 | |
aqua | 00ffff | |
lime | 00ff00 | |
teal | 008080 | |
green | 008000 | |
blue | 0000ff | |
navy | 000080 | |
Webカラー基本色 カラーマップ
上記一覧で、色に偏りがありそうな気がしたので、カラーマップを作成してみました。 特にsilverの位置づけは微妙ですね。
(厳密に言うと、ほかの色のルールも微妙ですが・・・)silverは、なんとなく後から強引に詰め込まれた感があります。
赤 | 緑 | 青 | |||
00 | 80 | c0 | ff | ||
00 | 00 | 000000 black |
000080 navy |
N/A | 0000ff blue |
80 | 008000 green |
008080 teal |
N/A | N/A | |
c0 | N/A | N/A | N/A | N/A | |
ff | 00ff00 lime |
N/A | N/A | 00ffff aqua |
|
80 | 00 | 800000 maroon |
800080 purple |
N/A | N/A |
80 | 808000 olive |
808080 gray |
N/A | N/A | |
c0 | N/A | N/A | N/A | N/A | |
ff | N/A | N/A | N/A | N/A | |
c0 | 00 | N/A | N/A | N/A | |
80 | N/A | N/A | N/A | N/A | |
c0 | N/A | N/A | c0c0c0 silver |
N/A | |
ff | N/A | N/A | N/A | N/A | |
ff | 00 | ff0000 red |
N/A | N/A | ff00ff fuchsia |
80 | N/A | N/A | N/A | N/A | |
c0 | N/A | N/A | N/A | N/A | |
ff | ffff00 yellow |
N/A | N/A | ffffff white |
RGB基本8色
RGB基本8色は、RGBそれぞれ組み合わせで作られる8色になります。 これはRGBそれぞれをON/Offすることにより23(8通り)の組み合わせで色を作成した場合の構成になります。 なおこの8色は規格によって定義されているわけではないですが、一般的に光の三原色から組み合わせでできる色(7色+黒)になります。
基本色のついでと言ってはナンですが・・・。RGBの基本色の一覧と(あまり意味は無いが・・・)カラーマップの一覧も作成しました。
注意が必要な点として、ここでの「green」のRGB値と、上記「Webカラー基本色」の「green」のRGB値が異なります。
RGB基本色 一覧
RGB基本色 一覧を作成しました。
色 | 色名 | RGB値 |
---|---|---|
black | 000000 | |
white | ffffff | |
yellow | ffff00 | |
magenta | ff00ff | |
red | ff0000 | |
cyan | 00ffff | |
green | 00ff00 | |
blue | 0000ff |
RGB8色 カラーマップ
意味を問われると、かなり微妙なのですが、RGB8色のカラーマップを作成してみました。RGB各色がOff(00)とON(ff)の組み合わせになります。
赤 | 緑 | 青 | |
00 | ff | ||
00 | 00 | 000000 black |
0000ff blue |
ff | 00ff00 green |
00ffff cyan |
|
ff | 00 | ff0000 red |
ff00ff magenta |
ff | ffff00 yellow |
ffffff white |