Webカラー基本色の16色と8色

Webカラー基本色

Webカラー基本色の16色と8色の考察

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
Publisher:ヰチバフォン, Author:桜庭 一場