HTML編
 

カラーチャート


※「black」など名前が付いている16色は「#000000」の代わりに名前で指定することができます。他にも名前が付いている色も沢山ありますが、ブラウザによっては表示されない場合がありますので、注意しましょう。
使用例:<FONT SIZE="1" COLOR="black"><BGCOLOR="aqua">

Webセーフカラー

256色環境でもディザがかからず、指定した色を正しく表示できるカラーです。最近はマシンのカラー環境も向上していますので、この色にそれほどこだわらなくても良いと思いますが、広い面積を塗る場合など、この色にしておいた方が無難かも知れません。
#000000
Black
#000033 #000066 #000099 #0000cc #0000ff
Blue
#003300 #003333 #003366 #003399 #0033cc #0033ff
#006600 #006633 #006666 #006699 #0066cc #0066ff
#009900 #009933 #009966 #009999 #0099cc #0099ff
#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
#00ff00
Lime
#00ff33 #00ff66 #00ff99 #00ffcc #00ffff
Aqua
#330000 #330033 #330066 #330099 #3300cc #3300ff
#333300 #333333 #333366 #333399 #3333cc #3333ff
#336600 #336633 #336666 #336699 #3366cc #3366ff
#339900 #339933 #339966 #339999 #3399cc #3399ff
#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
#660000 #660033 #660066 #660099 #6600cc #6600ff
#663300 #663333 #663366 #663399 #6633cc #6633ff
#666600 #666633 #666666 #666699 #6666cc #6666ff
#669900 #669933 #669966 #669999 #6699cc #6699ff
#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
#990000 #990033 #990066 #990099 #9900cc #9900ff
#993300 #993333 #993366 #993399 #9933cc #9933ff
#996600 #996633 #996666 #996699 #9966cc #9966ff
#999900 #999933 #999966 #999999 #9999cc #9999ff
#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
#cc9900 #cc9933 #cc9966 #cc9999 #cc99cc #cc99ff
#cccc00 #cccc33 #cccc66 #cccc99 #cccccc #ccccff
#ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
#ff0000
Red
#ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
Magenta
#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
#ffff00
Yellow
#ffff33 #ffff66 #ffff99 #ffffcc #ffffff
White


その他のカラー

Web上での色の指定は0〜9、a〜fの6桁組み合わせで出来ています。いくつかの例を記載しますので参考にしてください。
#808080
Gray
#c0c0c0
Silver
#000080
Navy
#008080
Teal
#008000
Green
#808000
Olive
#800080
Purple
#800000
Maroon
#48d1cc #c71585 #191970 #f5fffa
#f0f8ff #faebd7 #7fffd4 #f0ffff #f5f5dc #ffe4c4
#ffebcd #8a2be2 #b5a642 #a52a2a #deb887 #5f9ea0
#7fff00 #d2691e #bfbfdf #bf00de #ff7f50 #bfefdf
#6090ef #fff8dc #dc143c #00008b #da0b00 #008b8b
#b8860b #a9a9a9 #006400 #bdb76b #8b008b #556b2f
#ff8c00 #9932cc #8b0000 #e9967a #8fbc8b #483d8b
#2f4f4f #00ced1 #9400d3 #ff1493 #00bfff #696969
#1e90ff #fed0e0 #b22222 #fffaf0 #228b22 #dcdcdc
#f8f8ff #ffd700 #daa520 #adff2f #f0fff0 #ff69b4
#cd5c5c #4b0082 #fffff0 #f0e68c #e6e6fa #fff0f5
#7cfc00 #fffacd #add8e6 #f08080 #e0ffff #fafad2
#90ee90 #d3d3d3 #ffb6c1 #ffa07a #20b2aa #87cefa
#778899 #b0c4de #ffffe0 #32cd32 #faf0e6 #66cdaa
#0000cd #ba55d3 #9370db #0e00b0 #3cb371 #00fa9a