戻る タグ (色の指定)


ホームページの文字や背景などの色は、 タグの color 属性で指定します。
たとえば、 文字なら <font color="#003366">、 背景色なら <body bgcolor="#FFCC99"> といった具合です。

ここで、 "#003366" や "#FFCC99" は色を表すコードで、 "003366" や "FFCC99" はいずれも 6 桁の 16 進数 です。
左から 2 桁ずつ、 それぞれ R、G、B の階調を表しています。

2 桁の 16 進数は 00 から FF まで （10 進数では 0 から 255 まで） の 256 種類の数字を表すことができますから、 色なら R、B、G ともに 256 種類の階調を表すことができます。
ディスプレイの色は R、G、B 3 色が合成されたものですから、 それぞれが 256 階調なので、 全体として 256 × 256 × 256 ＝ 16,777,216 種類の色を表すことができます。

しかし、 R, G, B 3 色をそれぞれ数字で、 しかも 16 進数で指定するのは大変で、 微妙な色を直感的にカラーコードにするのはほとんど不可能です。

下図の三色のカラーバーをマウスでクリックまたはドラッグすると、 上の窓の色が変わってそのカラーコードが表示されますから、 「色」 を簡単に作り出すことができます。




左右の三角形をクリックすると、 各色のコードが 00、または FF になります。
一番下のグレーのバーをクリック、 またはドラッグすると、 R、G、B 三色の値が等しくなって、 色はグレー （または黒や白） になります。





以下に代表的な 216色のサンプルと、そのカラーコードを示しました。
（濃い色のコードが読み難いようでしたら、マウスでドラッグして下さい。）


000000003300006600 00990000CC0000FF00
000033003333006633 00993300CC3300FF33
000066003366006666 00996600CC6600FF66
000099003399006699 00999900CC9900FF99
0000CC0033CC0066CC 0099CC00CCCC00FFCC
0000FF0033FF0066FF 0099FF00CCFF00FFFF
 
330000333300336600 33990033CC0033FF00
330033333333336633 33993333CC3333FF33
330066333366336666 33996633CC6633FF66
330099333399336699 33999933CC9933FF99
3300CC3333CC3366CC 3399CC33CCCC33FFCC
3300FF3333FF3366FF 3399FF33CCFF33FFFF
 
660000663300666600 66990066CC0066FF00
660033663333666633 66993366CC3366FF33
660066663366666666 66996666CC6666FF66
660099663399666699 66999966CC9966FF99
6600CC6633CC6666CC 6699CC66CCCC66FFCC
6600FF6633FF6666FF 6699FF66CCFF66FFFF
 
990000993300996600 99990099CC0099FF00
990033993333996633 99993399CC3399FF33
990066993366996666 99996699CC6699FF66
990099993399996699 99999999CC9999FF99
9900CC9933CC9966CC 9999CC99CCCC99FFCC
9900FF9933FF9966FF 9999FF99CCFF99FFFF
 
CC0000CC3300CC6600 CC9900CCCC00CCFF00
CC0033CC3333CC6633 CC9933CCCC33CCFF33
CC0066CC3366CC6666 CC9966CCCC66CCFF66
CC0099CC3399CC6699 CC9999CCCC99CCFF99
CC00CCCC33CCCC66CC CC99CCCCCCCCCCFFCC
CC00FFCC33FFCC66FF CC99FFCCCCFFCCFFFF
 
FF0000FF3300FF6600 FF9900FFCC00FFFF00
FF0033FF3333FF6633 FF9933FFCC33FFFF33
FF0066FF3366FF6666 FF9966FFCC66FFFF66
FF0099FF3399FF6699 FF9999FFCC99FFFF99
FF00CCFF33CCFF66CC FF99CCFFCCCCFFFFCC
FF00FFFF33FFFF66FF FF99FFFFCCFFFFFFFF


関連事項：　 タグ　 HTML　

情報処理概論 に戻る  用語解説 に戻る  戻る 

Java applet 圧縮アーカイブファイル    自由利用マーク
update: 2012.12.10  address