*色の種類*

なんと全部で140色!!!

azure lightcyan lightblue lightskyblue skyblue
deepskyblue dodgerblue royalblue blue mediumblue
cyan※1 aqua※1 cornflowerblue mediumslateblue slateblue
darkslateblue darkblue navy midnightblue ghostwhite
lightsteelblue lavender aliceblue paleturquoise powderblue
cadetblue darkslategray mediumaquamarine turquoise mediumturquoise
darkturquoise lightseagreen teal darkcyan mintcream
honeydew aquamarine mediumspringgreen springgreen palegreen
lightgreen limegreen forestgreen green darkgreen
darkseagreen mediumseagreen seagreen darkkhaki olive
yellowgreen olivedrab darkolivegreen greenyellow chartreuse
lawngreen lime yellow gold orange
goldenrod darkgoldenrod sandybrown peru darkorange
chocolate sienna saddlebrown tomato orangered
red coral lightsalmon darksalmon salmon
lightcoral indianred brown firebrick darkred
crimson maroon rosybrown pink lightpink
palevioletred mediumpurple lavenderblush thistle plum
orchid mediumorchid darkorchid blueviolet darkviolet
mistyrose violet magenta※2 fuchsia※2 hotpink
deeppink mediumvioletred darkmagenta purple indigo
snow floralwhite seashell oldlace linen
antiquewhite papayawhip blanchedalmond bisque peachpuff
moccasin wheat navajowhite tan steelblue
burlywood ivory lightyellow cornsilk beige
lightgoldenrodyellow lemonchiffon palegoldenrod khaki lightslategray
slategray white whitesmoke gainsboro lightgray※3
silver darkgray gray dimgray black

※1.cyanとaquaは同じ色です。
※2.magentaとfuchsiaは同じ色です。
※3.lightgrayはNetscapeのみ対応。

びっくり、した?(^-^;)

びっくりしたところで、お勉強再開です。

色の指定は、上の表の「色名」を指定する以外に、もうひとつ方法があります。
色のRGB値を指定するという方法です。

HTMLでは、色は、RGB(赤、緑、青)の混ぜ具合で変化しています。
ですので、このRGBの値を直接指定することで、16776,960色もの色を指定することができます(私の計算が合ってればね・・・)。
140色なんて目じゃないですね。
上の色見本表に挙げた140色も、色名ではなくRGB値で指定することも可能です。

しかし。
RGB値は、16進数という非常にわかりづらい数値で表します。
たとえば、上の色見本表の「lightsteelblue」のRGB値は「#B0C4DE」です。
・・・こんなのわかるわけ、ないでしょ・・・。ってかんじです。
たぶん、色を見て「あっこれは「#B0C4DE」だな。」と分かる人は、この世に存在しないでしょう。

ただ、これだけは覚えましょう。
#000000・・・黒(R、G、B、すべてゼロ)
#FFFFFF・・・白(R、G、B、すべてフル)
ほかは覚えるだけ無駄ですよ。

「じゃあ、どうやって16進数を求めたらいいんだ!」と憤激するあなた!
大丈夫ですよ、世の中16進数を解説してるホームページがけっこうありますから(^-^)
さっそく見てみましょう!↓
Mariのいろえんぴつ
ホームページ作成のための Coloring Room
WEB COLOR216
気に入ったサイトがあったら、「お気に入り」に登録しておきましょう!

また、私が作った「Color Dictionary Online」というオンラインツールを使えば、色の16進数を即座に計算できます。
背景色と文字色の相性も見れたりと、けっこう高機能です(宣伝!)
ダウンロードの必要はなく、無料でその場で使えますので、行ってみてください(^-^)
Color Dictionary Online





Copyright (C) 7tag project dv