２．色彩について

HTML書式で使用される色彩表示法は、慣れてしまえば簡単ですが、やはり数字を頭の中で色彩に置き換えるのは至難の技と言えるでしょう。 すでにHTML書式用の優れたエディターソフトも開発されていて、モニター画面から色を選ぶだけで簡単に数字に置き換えてくれるようになってきています。 しかし、ある程度の知識を持っておくと、いざ微妙な色調調整をSimpleTextなどのテキストエディターだけで処理しようとするとき便利でしょう。 そこで、色彩表示の基本だけ解説しますので、後は先人の創ったページソースを参考文献として利用して、こんな数字が入るとこんな色に表示されるのかと少しずつ理解していって下さい。 基本は、１６進法です。 色彩表示は、モニター画面の蛍光体もしくは蛍光フィルムをＲＧＢ（Red-Green-Blue）の光の３原色で調整しますが、とりあえず、各色が２５６段階に調整できるとすると、０から２５５まで数えれればよいことになります。 そこで、表示にべんりな１６進法が使われるわけですが、ここでは、０から１５まで数えられれば何とかなります。もっと高度に調整したい方は、個人学習をお願いします。 　　黒は、１０進数なら　Ｒ：0　Ｇ：0　　Ｂ：0 　　　　　１６進数なら　Ｒ：0　Ｇ：0　　Ｂ：0 　　白は、１０進数なら　Ｒ：２５５　Ｇ：２５５　Ｂ：２５５ 　　　　　１６進数なら　Ｒ：　ＦＦ　Ｇ：　ＦＦ　Ｂ：　ＦＦ 自然界のすべての色を、この間の数字で表しているだけのことです。 下の表を見てください。

１０進数 １６進数 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 10 Ａ 11 Ｂ 12 Ｃ 13 Ｄ 14 Ｅ 15 Ｆ

後は、この０からＦまでの数字を、２文字ずつ、６８、４Ａ、ＣＥのように組み合わせて、文字が大きくなるほど、Ｒ−赤系統の色が強くなったり、Ｇ−緑系統、Ｂ−系統の色が強まったりするわけです。 光の３原色ですから、色がつよくなるほど明るくなり、すべての色が最大光量で重なると白く表示されるわけです。 私は、特別なことがない限り、３３、８８、ＡＡなど、適当に区切りのいい数字で代用させています。これでほとんど問題なく、自分の必要とする色が表示できます。 BODYタグの中に、bgColor="#FFFFFF" 　のように表記した個所があれば、画面全面の背景色が白く表示されます。また、TABLEタグのなかに、bgColor="#FF0000" 　のように表記した個所があれば、テーブル背景が赤く表示されます。 下の表の、色彩コードと表示色を参考にして下さい。

色彩コード Ｒ系統色 色彩コード Ｇ系統色 色彩コード Ｂ系統色 FFEEEE FFEEEE EEFFEE EEFFEE EEEEFF EEEEFF FFDDDD FFDDDD DDFFDD DDFFDD DDDDFF DDDDFF FFCCCC FFCCCC CCFFCC CCFFCC CCCCFF CCCCFF FFBBBB FFBBBB BBFFBB BBFFBB BBBBFF BBBBFF FFAAAA FFAAAA AAFFAA AAFFAA AAAAFF AAAAFF FF9999 FF9999 99FF99 99FF99 9999FF 9999FF FF8888 FF8888 88FF88 88FF88 8888FF 8888FF FF7777 FF7777 77FF77 77FF77 7777FF 7777FF FF6666 FF6666 66FF66 66FF66 6666FF 6666FF FF5555 FF5555 55FF55 55FF55 5555FF 5555FF FF4444 FF4444 44FF44 44FF44 4444FF 4444FF FF3333 FF3333 33FF33 33FF33 3333FF 3333FF FF2222 FF2222 22FF22 22FF22 2222FF 2222FF FF1111 FF1111 11FF11 11FF11 1111FF 1111FF FF0000 FF0000 00FF00 00FF00 0000FF 0000FF

色彩コード 無彩色系 色彩コード 参考色 色彩コード 参考色 FFFFFF FFFFFF CCFFCC CCFFCC FFCC00 FFCC00 EEEEEE EEEEEE 33FFCC 33FFCC FFCC66 FFCC66 DDDDDD DDDDDD 33FF00 33FF00 FFCC33 FFCC33 CCCCCC CCCCCC 66CCCC 66CCCC CC9933 CC9933 BBBBBB BBBBBB 33CC99 33CC99 996600 996600 AAAAAA AAAAAA 9999CC 9999CC CC9900 CC9900 999999 999999 0099FF 0099FF FF9900 FF9900 888888 888888 339966 339966 CC6600 CC6600 777777 777777 996699 996699 993300 993300 666666 666666 CC3300 CC3300 CC6633 CC6633 555555 555555 CC0000 CC0000 663300 663300 444444 444444 990066 990066 FF9966 FF9966 333333 333333 660066 660066 FF6633 FF6633 222222 222222 663300 663300 FF9933 FF9933 111111 111111 006666 006666 FF6600 FF6600 000000 000000 3300FF 3300FF CC3300 CC3300

色彩表示については、リンダ・ワインマンのＷｅｂサイトにカラーパレットがあります。 画像データなので少し時間がかかるかもしれませんが、参考にしてください。 ● Lynda Weinman's Web Site ● COLOR CHART BOX

目　次

作成画面

色　彩

背　景

TABLE

HTML

DESIGN