モックン☆彡の部屋

文字に色をつける（高）

文字に色をつける（高）

今回使うタグ


文字に色をつけるには  というタグを使います。

『 FONT 』は概ね文字について装飾をするという宣言で、

通常どのように装飾するかを半角スペースを置き、『 FONT 』の後ろに書きます。

例えば、大きさを変えるには『  』、

文字の種類を変えるには『  』などと使いますが、

今回は文字に色をつけるので『 color="" 』を使います。

では、色を指定するにはどうしたらよいのでしょうか？

実は色を指定する主流な方法は２つあります。

１．英語で色を指定する

２． 16進数で色を指定する

では、それぞれについて説明していきましょう！

１．英語で色を指定する

『 color="" 』には直接色を指定して英語で書きます。

簡単な英語を書くと、『 red 』、『 white 』、『 blue 』、『 green 』、『 pink 』、『 yellow 』かな？

ちなみに、黒（black）もありますがこの色はここの背景で見えなくなってしまいます。

背景の色に同化し、文字が読みづらくならないないように注意をして色をつけましょう。

《例題１》

『今日はとても良い天気だ。』

この文章の様に『とても』を赤い色にするのには、赤を使うので『 red 』の英語を使います。

するとタグは『  』となるので、

色をつけるためには『  』と『  』で『とても』を挟みます。

よって、『今日は  とても  良い天気だ。』と書き、

結果は『今日はとても良い天気だ。』と表示されます。

どんな英語でどんな色がでるの？と思うかも知れませんが

Web Safe Color以外の色１
Web Safe Color以外の色２
Web Safe Color以外の色３

上記のページを参考にして下さい。（それぞれ別ページで開きます）

２． 16進数で色を指定する

16進数 って何？と言われそうだけど、 10進数 って知ってる？

数を数える時に、い～ち、にぃ～、すぅわ～ん、･･･、じゅ～、じゅ～いち･･･と

数えると思うけど、この数え方は 10進数 なのです。

コンピューターの世界ではチョット違っていて、０（零）から数えていきます。

０～９までは数が１０個あり、次に数えるときに位が１繰り上がるので 10進数 と言います。

16進数 は０～９の後にアルファベットの『Ａ』、『Ｂ』、『Ｃ』、『Ｄ』、『Ｅ』、『Ｆ』まで

合計16数えて位が１つ上がります。

以上の事から、下の表を見てもらうと分かりやすいと思います。

《例題２》

10進数	1	2	3	･･･	9	10	11	12	13	14	15	16	17	･･･
16進数	1	2	3	･･･	9	A	B	C	D	E	F	10	11	･･･
2進数	1	10	11	･･･	1000	1001	1010	1011	1100	1110	1111	10000	10001	･･･

参考に 2進数 も入れましたが、1の次に位が上がるためドンドン桁数が大きくなりますね(笑)

実はコンピューターの演算方法は 2進数 で行っていて、

表示する時は、私たちがわかるように 10進数 へ変換しています。

2進数 は０と１しかないから、電気のON・OFFみたいに単純な構造なので、

コンピューターの世界に適した形なのです。

小さい数字だったら数えれば簡単だけど、10000や100000は 16進数 や 2進数 で

どうやって表すのか疑問に思うかもしれませんが、話があまりにも脱線し過ぎてしまうため、

興味ある人は調べてみるかメールを下さい。

さて、話を元にもどして 16進数 で色をつけるには 6桁の数字で書きます。

前述したとおり、英語でも指定できるために 16進数 で書く場合には

最初に『 # 』をつけてから 6桁の数字を書きます。

6桁の数字は『 000000 』（白）から『 FFFFFF 』（黒）まで1600万通り以上あり、

6桁の中でも意味合い的には 2桁ずつ分かれています。

左2桁 から順に『赤』、『緑』、『青』と役割分担をされており、

それぞれの色が混ざり合ってできていると考えて下さい。

つまり、青を濃くするには一番 右2桁 の数値を大きくするなど･･･

『基本的な色について』のページで少し詳しく書いていますので、良かったら見て下さい。

《例題３》

『今日はとても良い天気だ。』

この文章の様に『とても』を赤い色にするのには、赤を使うので

『 FF0000 』の 16進数 を使います。（他の4桁が0になっている事に注目してください）

すると、『 # 』をつけて『   』となるので

色をつけるためには『  』と『  』で『とても』を挟みます。

よって、『今日は  とても  良い天気だ。』と書き、

結果は『今日はとても良い天気だ。』と表示されます。

また、余談ですが文字に色をつける方法は他にもあり、