超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Mozilla Color AccessUp Links SiteMap
 Home > 色を指定する方法 > カラーネーム > RGB値 > グレースケール 

■ 色を指定する方法 ■

HTML で色を指定する場合は、<font color="値">、<〜 bgcolor="値"> などカラー属性(プロパティ)を持つタグの値として、カラーネーム または #rrggbb(RGB値) を指定します。また、スタイルシート(CSS)では、さらに3種類の指定方法があります。

1.カラーネーム
色の名前で指定する方法です。後からソースを見たとき一番わかりやすいですね。
カラーネームが決まっている色は指定できますが、それ以外の細かい指定ができません。

2.#rrggbb
赤(red)、緑(green)、青(blue)の3色をそれぞれ 00〜ff の16進数6桁で表す方法です。
0〜9 と a〜f で16個。これが6桁だから、16×16×16×16×16×16=16,777,216 とおりの色が指定できます。
00 が一番暗く、ff が一番明るくなります。

3.#rgb
#rrggbb のそれぞれの色の2桁を1桁で表します。
#ff0000→#f00、#ff00ff→#f0f といった感じです。

4.rgb(n,n,n)
赤(red)、緑(green)、青(blue)の3色をそれぞれ 0〜255 の10進数で表す方法です。
00〜ffの16進数を10進数に直すと 0〜255 になります(なるんです!)。

5.rgb(n%,n%,n%)
赤(red)、緑(green)、青(blue)の3色をそれぞれパーセントで表す方法です。
10進法の0→0%、255→100%となります。

#rrggbbcolorname#rgbrgb(n,n,n)rgb(n%,n%,n%)
 #000000black#000rgb(0,0,0)rgb(0%,0%,0%)
 #ff0000red#f00rgb(255,0,0)rgb(100%,0%,0%)
 #00ff00lime#0f0rgb(0,255,0)rgb(0%,100%,0%)
 #0000ffblue#00frgb(0,0,255)rgb(0%,0%,100%)
 #ffff00yellow#ff0rgb(255,255,0)rgb(100%,100%,0%)
 #00ffffaqua#0ffrgb(0,255,255)rgb(0%,100%,100%)
 #ff00fffuchsia#f0frgb(255,0,255)rgb(100%,0%,100%)
 #ffffffwhite#fffrgb(255,255,255)rgb(100%,100%,100%)

 Home < 色を指定する方法 > カラーネーム > RGB値 > グレースケール