HTMLで色をつけるときは一般的に[COLOR]attributeを使用します。
最も使用頻度の高い[FONT]optionの[COLOR]attributeで説明すると
<FONT COLOR="#******">テキスト</FONT>
上記の [COLOR="#******"] が COLOR attribute で
[#******] が COLOR code です。** ** ** ↑ ↑ ↑ | | 青色系 | 緑色系 赤色系COLOR code は 上記のように色の三原色であらわされ、[*]には0〜fまでの16進数が入ります。
0に近づくにつれて色が薄くなり、fに近づくにつれて色が濃くなります。
つまり [#ff0000]は赤、[#00ff00]は緑、[#0000ff]は青になる訳です。
1つの[*]につき16段階の色指定ができるので[#******]では
166 = 16×16×16×16×16×16 = 16777216色もの指定ができるのです。
まぁ、これはHomePageを訪れるゲストのディスプレイがTrueColor(24bit)に対応してないと意味がないんですがね(^^;
動作確認ブラウザ: | IneternetExplorer 2.0 & 3.02 & 4.0 |
NetscapeNavigator 2.01 & 3.0 & 4.05 |
名称 | 16進数 | 色 | IE2.0x | IE3.0x IE4.0x | NN2.0x | NN3.0x NN4.0x | HTML3.2 HTML4.0 |
---|---|---|---|---|---|---|---|
aliceblue | #f0f8ff | ● | ○ | ○ | |||
antiquewhite | #fafbd7 | ● | ○ | ○ | ○ | ||
aqua | #00ffff | ● | ○ | ○ | ○ | ○ | ○ |
aquamarine | #7fffd4 | ● | ○ | ○ | ○ | ||
azure | #f0ffff | ● | ○ | ○ | ○ | ||
beige | #f5f5dc | ● | ○ | ○ | ○ | ||
bisque | #ffe4c4 | ● | ○ | ○ | ○ | ||
black | #000000 | ● | ○ | ○ | ○ | ○ | ○ |
blanchedalmond | #ffebcd | ● | ○ | ○ | ○ | ||
blue | #0000ff | ● | ○ | ○ | ○ | ○ | ○ |
blueviolet | #8a2be2 | ● | ○ | ○ | ○ | ||
brown | #a52a2a | ● | ○ | ○ | ○ | ○ | |
burlywood | #deb887 | ● | ○ | ○ | ○ | ||
cadetblue | #5f9ea0 | ● | ○ | ○ | ○ | ||
chartreuse | #7fff00 | ● | ○ | ○ | ○ | ||
chocolate | #d2691e | ● | ○ | ○ | ○ | ||
coral | #ff7f50 | ● | ○ | ○ | ○ | ||
cornflowerblue | #6495ed | ● | ○ | ○ | ○ | ||
cornsilk | #fff8dc | ● | ○ | ○ | ○ | ||
crimson | #dc143c | ● | ○ | ○ | ○ | ||
cyan | #00ffff | ● | ○ | ○ | ○ | ||
darkblue | #00008b | ● | ○ | ○ | ○ | ||
darkcyan | #008b8b | ● | ○ | ○ | ○ | ||
darkgoldenrod | #b8860b | ● | ○ | ○ | ○ | ||
darkgray | #a9a9a9 | ● | ○ | ○ | ○ | ||
darkgreen | #006400 | ● | ○ | ○ | ○ | ||
darkkhaki | #bdb76b | ● | ○ | ○ | ○ | ||
darkmagenta | #8b008b | ● | ○ | ○ | ○ | ||
darkolivegreen | #556b2f | ● | ○ | ○ | ○ | ||
darkorange | #ff8c00 | ● | ○ | ○ | ○ | ||
darkorchid | #9932cc | ● | ○ | ○ | ○ | ||
darkred | #8b0000 | ● | ○ | ○ | ○ | ||
darksalmon | #e9967a | ● | ○ | ○ | ○ | ||
darkseagreen | #8fbc8f | ● | ○ | ○ | ○ | ||
darkslateblue | #483d8b | ● | ○ | ○ | ○ | ||
darkslategray | #2f4f4f | ● | ○ | ○ | ○ | ||
darkturquoise | #00ced1 | ● | ○ | ○ | ○ | ||
darkviolet | #9400d3 | ● | ○ | ○ | ○ | ||
deeppink | #ff1493 | ● | ○ | ○ | ○ | ||
deepskyblue | #00bfff | ● | ○ | ○ | ○ | ||
dimgray | #696969 | ● | ○ | ○ | ○ | ||
dodgerblue | #1e90ff | ● | ○ | ○ | ○ | ||
firebrick | #b22222 | ● | ○ | ○ | ○ | ||
floralwhite | #fffaf0 | ● | ○ | ○ | ○ | ||
forestgreen | #228b22 | ● | ○ | ○ | ○ | ||
fuchsia | #ff00ff | ● | ○ | ○ | ○ | ○ | ○ |
gainsboro | #dcdcdc | ● | ○ | ○ | ○ | ||
ghostwhite | #f8f8ff | ● | ○ | ○ | ○ | ||
gold | #ffd700 | ● | ○ | ○ | ○ | ||
goldenrod | #daa520 | ● | ○ | ○ | ○ | ||
gray | #808080 | ● | ○ | ○ | ○ | ○ | ○ |
green | #008000 | ● | ○ | ○ | ○ | ○ | ○ |
greenyellow | #adff2f | ● | ○ | ○ | ○ | ||
honeydew | #f0fff0 | ● | ○ | ○ | ○ | ||
hotpink | #ff69b4 | ● | ○ | ○ | ○ | ||
indianred | #cd5c5c | ● | ○ | ○ | ○ | ||
indigo | #4b0082 | ● | ○ | ○ | ○ | ||
ivory | #fffff0 | ● | ○ | ○ | ○ | ||
khaki | #f0e68c | ● | ○ | ○ | ○ | ||
lavender | #e6e6fa | ● | ○ | ○ | ○ | ||
lavenderblush | #fff0f5 | ● | ○ | ○ | ○ | ||
lawngreen | #7cfc00 | ● | ○ | ○ | ○ | ||
lemonchiffon | #fffacd | ● | ○ | ○ | ○ | ||
lightblue | #add8e6 | ● | ○ | ○ | ○ | ||
lightcoral | #f08080 | ● | ○ | ○ | ○ | ||
lightcyan | #e0ffff | ● | ○ | ○ | ○ | ||
lightgoldenrodyellow | #fafad2 | ● | ○ | ○ | ○ | ||
lightgreen | #90ee90 | ● | ○ | ○ | ○ | ||
lightgrey | #d3d3d3 | ● | ○ | ○ | ○ | ||
lightpink | #ffb6c1 | ● | ○ | ○ | ○ | ||
lightsalmon | #ffa07a | ● | ○ | ○ | ○ | ||
lightseagreen | #20b2aa | ● | ○ | ○ | ○ | ||
lightskyblue | #87cefa | ● | ○ | ○ | ○ | ||
lightslategray | #778899 | ● | ○ | ○ | ○ | ||
lightsteelblue | #b0c4de | ● | ○ | ○ | ○ | ||
lightyellow | #ffffe0 | ● | ○ | ○ | ○ | ||
lime | #00ff00 | ● | ○ | ○ | ○ | ○ | ○ |
limegreen | #32cd32 | ● | ○ | ○ | ○ | ||
linen | #faf0e6 | ● | ○ | ○ | ○ | ||
magenta | #ff00ff | ● | ○ | ○ | ○ | ||
maroon | #800000 | ● | ○ | ○ | ○ | ○ | ○ |
mediumaquamarine | #66cdaa | ● | ○ | ○ | ○ | ||
mediumblue | #0000cd | ● | ○ | ○ | ○ | ||
mediumorchid | #ba55d3 | ● | ○ | ○ | ○ | ||
mediumpurple | #9370db | ● | ○ | ○ | ○ | ||
mediumseagreen | #3cb371 | ● | ○ | ○ | ○ | ||
mediumslateblue | #7b68ee | ● | ○ | ○ | ○ | ||
mediumspringgreen | #00fa9a | ● | ○ | ○ | ○ | ||
mediumturquoise | #48d1cc | ● | ○ | ○ | ○ | ||
mediumvioletred | #c71585 | ● | ○ | ○ | ○ | ||
midnightblue | #191970 | ● | ○ | ○ | ○ | ||
mintcream | #f5fffa | ● | ○ | ○ | ○ | ||
mistyrose | #ffe4e1 | ● | ○ | ○ | ○ | ||
moccasin | #ffe4b5 | ● | ○ | ○ | ○ | ||
navajowhite | #ffdead | ● | ○ | ○ | ○ | ||
navy | #000080 | ● | ○ | ○ | ○ | ○ | ○ |
oldlace | #fdf5e6 | ● | ○ | ○ | ○ | ||
olive | #808000 | ● | ○ | ○ | ○ | ○ | ○ |
olivedrab | #6b8e23 | ● | ○ | ○ | ○ | ||
orange | #ffa500 | ● | ○ | ○ | ○ | ||
orangered | #ff4500 | ● | ○ | ○ | ○ | ||
orchid | #da70d6 | ● | ○ | ○ | ○ | ||
palegoldenrod | #eee8aa | ● | ○ | ○ | ○ | ||
palegreen | #98fb98 | ● | ○ | ○ | ○ | ||
paleturquoise | #afeeee | ● | ○ | ○ | ○ | ||
palevioletred | #db7093 | ● | ○ | ○ | ○ | ||
papayawhip | #ffefd5 | ● | ○ | ○ | ○ | ||
peachpuff | #ffdab9 | ● | ○ | ○ | ○ | ||
peru | #cd853f | ● | ○ | ○ | ○ | ||
pink | #ffc0cb | ● | ○ | ○ | ○ | ||
plum | #dda0dd | ● | ○ | ○ | ○ | ||
powderblue | #b0e0e6 | ● | ○ | ○ | ○ | ||
purple | #800080 | ● | ○ | ○ | ○ | ○ | ○ |
red | #ff0000 | ● | ○ | ○ | ○ | ○ | ○ |
rosybrown | #bc8f8f | ● | ○ | ○ | ○ | ||
royalblue | #4169e1 | ● | ○ | ○ | ○ | ||
saddlebrown | #8b4513 | ● | ○ | ○ | ○ | ||
salmon | #fa8072 | ● | ○ | ○ | ○ | ||
sandybrown | #f4a460 | ● | ○ | ○ | ○ | ||
seagreen | #2e8b57 | ● | ○ | ○ | ○ | ||
seashell | #fff5ee | ● | ○ | ○ | ○ | ||
sienna | #a0522d | ● | ○ | ○ | ○ | ||
silver | #c0c0c0 | ● | ○ | ○ | ○ | ○ | ○ |
skyblue | #87ceeb | ● | ○ | ○ | ○ | ||
slateblue | #6a5acd | ● | ○ | ○ | ○ | ||
slategray | #708090 | ● | ○ | ○ | ○ | ||
snow | #fffafa | ● | ○ | ○ | ○ | ||
springgreen | #00ff7f | ● | ○ | ○ | ○ | ||
steelblue | #4682b4 | ● | ○ | ○ | ○ | ||
tan | #d2b48c | ● | ○ | ○ | ○ | ||
teal | #008080 | ● | ○ | ○ | ○ | ○ | ○ |
thistle | #d8bfd8 | ● | ○ | ○ | ○ | ||
tomato | #ff6347 | ● | ○ | ○ | ○ | ||
turquoise | #40e0d0 | ● | ○ | ○ | ○ | ||
violet | #ee82ee | ● | ○ | ○ | ○ | ||
wheat | #f5deb3 | ● | ○ | ○ | ○ | ||
white | #ffffff | ● | ○ | ○ | ○ | ○ | ○ |
whitesmoke | #f5f5f5 | ● | ○ | ○ | ○ | ||
yellow | #ffff00 | ● | ○ | ○ | ○ | ○ | ○ |
yellowgreen | #9acd32 | ● | ○ | ○ | ○ |