全ての文字の色を変えたい場合<body>に対して設定します
これは全ての文字が<body>～</body>の中ににあるからです。
<style>～ <style>の中にデザイン設定を書く場所として「body｛ }」を追加します
|
<html> <head> <title>色探しの旅</title> <style type="text/css"><!-- body{color:#666666} h1{font-size:25px; font-family:'Comic Sans MS'} --></style> </head> <body> <h1>色探しの旅『Sky&Water』</h1> <p>日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p> <div>copyright(c)sora</div> </body> </html> |
文字の色は、colorで設定します
ここではグレイで表示さる為、色の値を「#666666」と指定します
Ｗｅｂは勿論モニター画面上の色は、ＲＧＢで表現されています
Ｒ（赤）Ｇ（緑）Ｂ（青）の３色です
各色０～２５５の２５６段階で色を表現出来ます
そのため３色の組み合わせで２５６×２５６×２５６で１６,７７７,２１６種類の色が表現可能です
「フルカラー＝１６００万色」と言われるのもそのためです。
Ｗｅｂページで色を指定する場合ＲＧＢの値を１６進級で指定するのが標準となっています
しかし、０～２５５のＲＧＢの値は１０進級であるため、１６進級に変換しなくてはなりません
１６進級では０～９、ａ～ｆの１６種類の数字と文字で表現します
例えば「２５５」は「ｆｆ」になります。
デザイン設定では色の値の前に「#」を付けて{color:#ff6600}と書きます
赤「ff」緑「66」青「00」を意味し、色は「#ff6600」になります
色の名前で指定することも出来ます。{color:#red}
基本的な色の名前は下記の１６種類です。
| black | purple |
| blue | fuchsia |
| aqua | red |
| navy | maroon |
| green | yellow |
| olive | white |
| lime | silver |
| teal | gray |
色数の少ない環境で色化けしないで表示できる色のことです
これは１６進級の００、６６、９９、ｃｃ、ｆｆの組み合わせだけで出来ています
今はフルカラーが当たり前になりましたが、大まかな色の値を知るには便利です
【参考】Ｗｅｂセーフカラー早見表
【色の名前】 「16進数値」「 RGB」「 CMYK」「 色の名前」が出ています
【ColorDialog 003】 HTMLでの色設定用ユーティリティーソフトです。