ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）
色見本
（次のような「色の名前（英語）」または「カラーコード」を使います。）
代表的な色には名前（英語）がついていて<font color="red">赤くしたい文字</font>の様に使えます。
|
|
他にも、オレンジ、ピンク等あります。試してみるといいでしょう。
カラーコードを使うと１６７７７２１６色を使い分けることができます。
以下にその中から１２５色を抜き出してみました。
字が読みにくい場合は「昼のページ」へどうぞ。ここをクリックしてください。
| 赤の輝度０％（00） | |||||
| 緑00 | 緑40 | 緑80 | 緑c0 | 緑ff | |
| 青00 | #000000 | #004000 | #008000 | #00c000 | #00ff00 |
| 青40 | #000040 | #004040 | #008040 | #00c040 | #00ff40 |
| 青80 | #000080 | #004080 | #008080 | #00c080 | #00ff80 |
| 青c0 | #0000c0 | #0040c0 | #0080c0 | #00c0c0 | #00ffc0 |
| 青ff | #0000ff | #0040ff | #0080ff | #00c0ff | #00ffff |
| 赤の輝度２５％（40） | |||||
| 緑00 | 緑40 | 緑80 | 緑c0 | 緑ff | |
| 青00 | #400000 | #404000 | #408000 | #40c000 | #40ff00 |
| 青40 | #400040 | #404040 | #408040 | #40c040 | #40ff40 |
| 青80 | #400080 | #404080 | #408080 | #40c080 | #40ff80 |
| 青c0 | #4000c0 | #4040c0 | #4080c0 | #40c0c0 | #40ffc0 |
| 青ff | #4000ff | #4040ff | #4080ff | #40c0ff | #40ffff |
| 赤の輝度５０％（80） | |||||
| 緑00 | 緑40 | 緑80 | 緑c0 | 緑ff | |
| 青00 | #800000 | #804000 | #808000 | #80c000 | #80ff00 |
| 青40 | #800040 | #804040 | #808040 | #80c040 | #80ff40 |
| 青80 | #800080 | #804080 | #808080 | #80c080 | #80ff80 |
| 青c0 | #8000c0 | #8040c0 | #8080c0 | #80c0c0 | #80ffc0 |
| 青ff | #8000ff | #8040ff | #8080ff | #80c0ff | #80ffff |
| 赤の輝度７５％（c0） | |||||
| 緑00 | 緑40 | 緑80 | 緑c0 | 緑ff | |
| 青00 | #c00000 | #c04000 | #c08000 | #c0c000 | #c0ff00 |
| 青40 | #c00040 | #c04040 | #c08040 | #c0c040 | #c0ff40 |
| 青80 | #c00080 | #c04080 | #c08080 | #c0c080 | #c0ff80 |
| 青c0 | #c000c0 | #c040c0 | #c080c0 | #c0c0c0 | #c0ffc0 |
| 青ff | #c000ff | #c040ff | #c080ff | #c0c0ff | #c0ffff |
| 赤の輝度１００％（ff） | |||||
| 緑00 | 緑40 | 緑80 | 緑c0 | 緑ff | |
| 青00 | #ff0000 | #ff4000 | #ff8000 | #ffc000 | #ffff00 |
| 青40 | #ff0040 | #ff4040 | #ff8040 | #ffc040 | #ffff40 |
| 青80 | #ff0080 | #ff4080 | #ff8080 | #ffc080 | #ffff80 |
| 青c0 | #ff00c0 | #ff40c0 | #ff80c0 | #ffc0c0 | #ffffc0 |
| 青ff | #ff00ff | #ff40ff | #ff80ff | #ffc0ff | #ffffff |
カラーコードを使うと１６７７７２１６色の色を使い分けることができます。
赤の輝度を256段階で、緑の輝度を256段階で、青の輝度を256段階で指定できるからです。 ２５６×２５６×２５６＝１６７７７２１６
カラーコードは以下の様に６桁の十六進法によって書かれた「数字」です。
| 黒 | #000000 | 赤・緑・青、全ての輝度を00にしなさい。 |
| 赤 | #ff0000 | 赤の輝度をｆｆに、緑・青の輝度を00にしなさい。 |
| 白 | #ffffff | 赤・緑・青、全ての輝度をｆｆにしなさい。 |
十六進法とは数学の言葉で、「１６カウントしたら次の桁に繰り上がる」という数え方です。私たちが日常で使っているのは十進法です。
| 十進法 | ０ | １ | ２ | ３ | ４ | ５ | ６ | ７ | ８ | ９ | １０ | １１ | １２ | １３ | １４ | １５ | １６ | １７ | １８ | ３２ | ２５６ | ||
| 十六進法 | ０ | １ | ２ | ３ | ４ | ５ | ６ | ７ | ８ | ９ | Ａ | Ｂ | Ｃ | Ｄ | Ｅ | Ｆ | １０ | １１ | １２ | ２０ | １００ | ||
| 二進法（参考に） | 0 | 1 | 10 | 11 | 100 | 101 | 110 | 111 | 1000 | 10000 |
Last update Oct.14,2003