The Quick Color Table

解説

ウェブサイト作成時に「色」を指定する場合、以下の216色だけを使うことにより、ほぼどんな環境においても指定した色合いで表現できます。なぜ216色なのかというと、8ビットカラー256色のうちMacintoshとWindowsの間では異なる40色を除くことで、マシンやブラウザによって色が変換されたり、見苦しくディザ処理されることがなくなる色のみ抽出したものになっているからです。そういう理由から、これらの216色は「Web Safe Color」と呼ばれています。

下記テーブルで、該当色のラジオボタンをクリックすると背景色が変化します。色の確認にご利用いただければ幸いです。

注意!

背景色の変化は、「JavaScript 有効」かつ「ブラウザのデフォルトスタイル」の条件でお楽しみいただけます。製作者スタイルシートを無効化するためには画面右上のセレクトボックスより「no style」をご選択ください。

Cascading Style Sheetsによる指定例:
body { color : #000000 ; background-color : #ffffff }

0000.. 3300.. 6600.. 9900.. CC00.. FF00..
00 #000000 #330000 #660000 #990000 #CC0000 #FF0000
33 #000033 #330033 #660033 #990033 #CC0033 #FF0033
66 #000066 #330066 #660066 #990066 #CC0066 #FF0066
99 #000099 #330099 #660099 #990099 #CC0099 #FF0099
CC #0000CC #3300CC #6600CC #9900CC #CC00CC #FF00CC
FF #0000FF #3300FF #6600FF #9900FF #CC00FF #FF00FF
0033.. 3333.. 6633.. 9933.. CC33.. FF33..
00 #003300 #333300 #663300 #993300 #CC3300 #FF3300
33 #003333 #333333 #663333 #993333 #CC3333 #FF3333
66 #003366 #333366 #663366 #993366 #CC3366 #FF3366
99 #003399 #333399 #663399 #993399 #CC3399 #FF3399
CC #0033CC #3333CC #6633CC #9933CC #CC33CC #FF33CC
FF #0033FF #3333FF #6633FF #9933FF #CC33FF #FF33FF
0066.. 3366.. 6666.. 9966.. CC66.. FF66..
00 #006600 #336600 #666600 #996600 #CC6600 #FF6600
33 #006633 #336633 #666633 #996633 #CC6633 #FF6633
66 #006666 #336666 #666666 #996666 #CC6666 #FF6666
99 #006699 #336699 #666699 #996699 #CC6699 #FF6699
CC #0066CC #3366CC #6666CC #9966CC #CC66CC #FF66CC
FF #0066FF #3366FF #6666FF #9966FF #CC66FF #FF66FF
0099.. 3399.. 6699.. 9999.. CC99.. FF99..
00 #009900 #339900 #669900 #999900 #CC9900 #FF9900
33 #009933 #339933 #669933 #999933 #CC9933 #FF9933
66 #009966 #339966 #669966 #999966 #CC9966 #FF9966
99 #009999 #339999 #669999 #999999 #CC9999 #FF9999
CC #0099CC #3399CC #6699CC #9999CC #CC99CC #FF99CC
FF #0099FF #3399FF #6699FF #9999FF #CC99FF #FF99FF
00CC.. 33CC.. 66CC.. 99CC.. CCCC.. FFCC..
00 #00CC00 #33CC00 #66CC00 #99CC00 #CCCC00 #FFCC00
33 #00CC33 #33CC33 #66CC33 #99CC33 #CCCC33 #FFCC33
66 #00CC66 #33CC66 #66CC66 #99CC66 #CCCC66 #FFCC66
99 #00CC99 #33CC99 #66CC99 #99CC99 #CCCC99 #FFCC99
CC #00CCCC #33CCCC #66CCCC #99CCCC #CCCCCC #FFCCCC
FF #00CCFF #33CCFF #66CCFF #99CCFF #CCCCFF #FFCCFF
00FF.. 33FF.. 66FF.. 99FF.. CCFF.. FFFF..
00 #00FF00 #33FF00 #66FF00 #99FF00 #CCFF00 #FFFF00
33 #00FF33 #33FF33 #66FF33 #99FF33 #CCFF33 #FFFF33
66 #00FF66 #33FF66 #66FF66 #99FF66 #CCFF66 #FFFF66
99 #00FF99 #33FF99 #66FF99 #99FF99 #CCFF99 #FFFF99
CC #00FFCC #33FFCC #66FFCC #99FFCC #CCFFCC #FFFFCC
FF #00FFFF #33FFFF #66FFFF #99FFFF #CCFFFF #FFFFFF

参考

HTML4.0で定義されているColor Name
black silver gray white maroon red purple fuchsia
green lime olive yellow navy blue teal aqua

上の16色については、(16進数でなく)「色名」で色を指定することができます。

Information