色 の 表 現

　色の表現を知りホームページを格調高いものにしましょう。
　ホームページは、背景の色、文字の色など色の使い方によって、その見栄えは大きく変わってきます。色を自在に操れるようにし、魅力あるホームページを作りましょう。

光の３原色とフルカラー

　パソコンのモニタの色は、光の３原色であるRGB｛ Red(赤)、Green(緑)、Blue(青) ｝の混色によって表現されています。
　RGBは、それぞれ256階調（8ビット）で表現されていますので、全色数（フルカラー）は、256×256×256＝16,777,216色（24ビット）となります。よって、われわれは、16,777,216色の中から好みの色を選択することができます。
　下の図を見てください。RGBのいろいろな色を組み合わせると、いろいろな色ができることことを示したものです。

　R、G、B のそれぞれの色を縦に256諧調で表しています。例えば、赤を見てください。一番上の255が100%の赤です。下に行き数値が少なくなると赤の光の量が減ってきて暗くなります。一番下の 0 は、色なしですから黒で表示しています。緑も青も 0 ならば、光が全くないので、真っ暗闇ですから黒になります。
　赤、緑、青を 255 にすると白になります。赤の135、緑の206、青の235を混色するとスカイブルーという色になります。赤の238、緑の130、青の238を混色すると紫色になります。同様に、赤の165、緑の42、青の42を混色すると茶色になります。
　このようにRGBのそれぞれの色を混色していろいろな色を表現することができます。

基本的な色のRGB階調

	白色	黒色	赤色	緑色	青色	黄色	シアン	マジェンタ
R	255	0	255	0	0	255	0	255
G	255	0	0	255	0	255	255	0
B	255	0	0	0	255	0	255	255

色の１６進表示

　ホームページに使用されているHTML文書では、色は下のように、最初に"#"を付けて１６進で表示することになっています。

　　　#（Redの16進表示)(Greenの16進表示)(Blueの16進表示)　

１６進の記号を下表に示します。

１０進	0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
１６進	0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

１０進と１６進の対比を下表示しますが、上の図１の左側でもわかります。

１０進	000	001	100	153	187	200	204	255
１６進	00	01	64	99	BB	CB	CC	FF

　１０進から１６進への換算は、Windows7 の場合、[スタート] → [プログラム] → [アクセサリ] → [電卓] をクリックして電卓を出します。メニューバーの[表示]をクリックして、[プログラム]を選択すれば、１０進→１６進換算ができます。

１６進の色表示は、下表のようになります。なお、アルファベットは、大文字、小文字どちらでもOKです。

色	１６進表示	色	１６進表示
白色	#FFFFFF	黄色	#FFFF00
黒色	#000000	シアン	#00FFFF
赤色	#FF0000	マジェンタ	#FF00FF
緑色	#00FF00	橙色	#FF9900
青色	#0000FF	黄緑色	#CCFF00

　ところで、html文では、16進の2桁の字が同じ場合は、1字で代用することができます。
　例えば、
　　白：　#ffffff　　　→　　#fff
　　黒：　#000000　 →　　#000
　　赤：　#ff0000　　→　　#f00
　　緑：　#00ff00　　→　　#0f0
のように記述することができます。

好きな色の作り方