■ 色を指定する方法 ■
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%となります。
| 色 | #rrggbb | colorname | #rgb | rgb(n,n,n) | rgb(n%,n%,n%) |
| | #000000 | black | #000 | rgb(0,0,0) | rgb(0%,0%,0%) |
| | #ff0000 | red | #f00 | rgb(255,0,0) | rgb(100%,0%,0%) |
| | #00ff00 | lime | #0f0 | rgb(0,255,0) | rgb(0%,100%,0%) |
| | #0000ff | blue | #00f | rgb(0,0,255) | rgb(0%,0%,100%) |
| | #ffff00 | yellow | #ff0 | rgb(255,255,0) | rgb(100%,100%,0%) |
| | #00ffff | aqua | #0ff | rgb(0,255,255) | rgb(0%,100%,100%) |
| | #ff00ff | fuchsia | #f0f | rgb(255,0,255) | rgb(100%,0%,100%) |
| | #ffffff | white | #fff | rgb(255,255,255) | rgb(100%,100%,100%) |
|