<< 戻る | 進む >>
4-A.HTMLの色見本
RGBや16進数に慣れないうちは、
自分で思い通りの色を調合するのは大変(^^;)。この色見本を
使って、好きな色を選んでみてください。
■Webセーフカラー一覧
| 000000 |
440000 |
880000 |
CC0000 |
FF0000 |
| 004400 |
444400 |
884400 |
CC4400 |
FF4400 |
| 008800 |
448800 |
888800 |
CC8800 |
FF8800 |
| 00CC00 |
44CC00 |
88CC00 |
CCCC00 |
FFCC00 |
| 00FF00 |
44FF00 |
88FF00 |
CCFF00 |
FFFF00 |
| 000044 |
440044 |
880044 |
CC0044 |
FF0044 |
| 004444 |
444444 |
884444 |
CC4444 |
FF4444 |
| 008844 |
448844 |
888844 |
CC8844 |
FF8844 |
| 00CC44 |
44CC44 |
88CC44 |
CCCC44 |
FFCC44 |
| 00FF44 |
44FF44 |
88FF44 |
CCFF44 |
FFFF44 |
| 000088 |
440088 |
880088 |
CC0088 |
FF0088 |
| 004488 |
444488 |
884488 |
CC4488 |
FF4488 |
| 008888 |
448888 |
888888 |
CC8888 |
FF8888 |
| 00CC88 |
44CC88 |
88CC88 |
CCCC88 |
FFCC88 |
| 00FF88 |
44FF88 |
88FF88 |
CCFF88 |
FFFF88 |
| 0000CC |
4400CC |
8800CC |
CC00CC |
FF00CC |
| 0044CC |
4444CC |
8844CC |
CC44CC |
FF44CC |
| 0088CC |
4488CC |
8888CC |
CC88CC |
FF88CC |
| 00CCCC |
44CCCC |
88CCCC |
CCCCCC |
FFCCCC |
| 00FFCC |
44FFCC |
88FFCC |
CCFFCC |
FFFFCC |
| 0000FF |
4400FF |
8800FF |
CC00FF |
FF00FF |
| 0044FF |
4444FF |
8844FF |
CC44FF |
FF44FF |
| 0088FF |
4488FF |
8888FF |
CC88FF |
FF88FF |
| 00CCFF |
44CCFF |
88CCFF |
CCCCFF |
FFCCFF |
| 00FFFF |
44FFFF |
88FFFF |
CCFFFF |
FFFFFF |
■簡易モノトーンチャート
| 000000 |
444444 |
888888 |
CCCCCC |
FFFFFF |
| FF0000 |
FF4444 |
FF7777 |
FFAAAA |
FFDDDD |
| FFFF00 |
FFFF44 |
FFFF77 |
FFFFAA |
FFFFDD |
| 00FF00 |
44FF44 |
77FF77 |
AAFFAA |
DDFFDD |
| 00FFFF |
44FFFF |
77FFFF |
AAFFFF |
DDFFFF |
| 0000FF |
4444FF |
7777FF |
AAAAFF |
DDDDFF |
| FF00FF |
FF44FF |
FF77FF |
FFAAFF |
FFDDFF |
色の読み方
このカラーチャートをみると、使用されている数字に規則性がある事が
お分かり頂けると思います。種あかしをすると、6桁の数字の
最初の2文字が
赤の強さ、次の2文字が
緑の強さ、最後の2文字が
青の強さを表わしているのです。
光の3原色は赤緑青です。英語で書くと赤はRed、緑はGreen、青はBlue。
この3つの頭文字をとって、RGBカラーと呼びます。
このRGBの強さをそれぞれ16進数で表わしているわけですが、
16進数というのは
「0 1 2 3 4 5 6 7 8 9 A B C D E F」という表記に
なるのです。0が最も弱く、Fが最も強い値を表わしています。
ですから、FFFFFFというのはRGB全てが最も光っている状態(＝白色光)を
表わしているわけです。逆に000000というのは、RGBがどれも全く光って
いない(＝真っ黒)を表わします。
この通り、仕組みは簡単なのですが、頭で16進数を閃かせるのはちと大変(^^;) ですので、
最初のうちは、こうしたカラーチャートを使っていろんな色を試して
みるのがお勧めです！
<< 戻る | 進む >>
