「Web Safe Color」とは,WindowsやMacintoshで設定されている256色のカラーパレットのうち,両者に共通している色のことです。 「Web Safe Color」を使ってWEB制作することで,異なる環境でも色化けすることなく画面に表示させることができるようになります。 チャートを注意深くご覧になるとわかるように,「Web Safe Color」はR(赤)・G(緑)・B(青)のそれぞれの値が「51」刻みになっています。 つまり,255÷51=20ですから,それぞれの色の明るさを20%ずつ変化させるように指定されているのです。 16進法で見ると,「00」・「33」・「66」・「99」・「CC」・「FF」の6段階になってることがわかります(6段階がRGB3色で6の三乗=216色)。 従って,「Web Safe Color」をつかって色を指定したい場合は,この6段階でRGBのそれぞれの明るさを記述しながら色を作れば良いということです。 市販のグラフィックソフトの多くは,オブジェクトを作成する段階で「webセーフカラーのみに制限」などを選択できるようになっていますので, マニュアル等を参照して下さい。 |
色 | 16進法(10進法) | 色 | 16進法(10進法) | 色 | 16進法(10進法) | 色 | 16進法(10進法) | 色 | 16進法(10進法) | 色 | 16進法(10進法) |
#000000 (000,000,000) |
#003300 (000,051,000) |
#006600 (000,102,000) |
#009900 (000,153,000) |
#00CC00 (000,204,000) |
#00FF00 (000,255,000) |
||||||
#000033 (000,000,051) |
#003333 (000,051,051) |
#006633 (000,102,051) |
#009933 (000,153,051) |
#00CC33 (000,204,051) |
#00FF33 (000,255,051) |
||||||
#000066 (000,000,102) |
#003366 (000,051,102) |
#006666 (000,102,102) |
#009966 (000,153,102) |
#00CC66 (000,204,102) |
#00FF66 (000,255,102) |
||||||
#000099 (000,000,153) |
#003399 (000,051,153) |
#006699 (000,102,153) |
#009999 (000,153,153) |
#00CC99 (000,204,153) |
#00FF99 (000,255,153) |
||||||
#0000CC (000,000,204) |
#0033CC (000,051,204) |
#0066CC (000,102,204) |
#0099CC (000,153,204) |
#00CCCC (000,204,204) |
#00FFCC (000,255,204) |
||||||
#0000FF (000,000,255) |
#0033FF (000,051,255) |
#0066FF (000,102,255) |
#0099FF (000,153,255) |
#00CCFF (000,204,255) |
#00FFFF (000,255,255) |
||||||
#330000 (051,000,000) |
#333300 (051,051,000) |
#336600 (051,102,000) |
#339900 (051,204,000) |
#33CC00 (051,204,000) |
#33FF00 (051,255,000) |
||||||
#330033 (051,000,051) |
#333333 (051,051,051) |
#336633 (051,102,051) |
#339933 (051,153,051) |
#33CC33 (051,204,051) |
#33FF33 (051,255,051) |
||||||
#330066 (051,000,102) |
#333366 (051,051,102) |
#336666 (051,102,102) |
#339966 (051,153,102) |
#33CC66 (051,204,102) |
#33FF66 (051,255,102) |
||||||
#330099 (051,000,153) |
#333399 (051,051,153) |
#336699 (051,102,153) |
#339999 (051,153,153) |
#33CC99 (051,204,153) |
#33FF99 (051,255,153) |
||||||
#3300CC (051,000,204) |
#3333CC (051,051,204) |
#3399CC (051,102,204) |
#3399CC (051,153,204) |
#33CCCC (051,204,204) |
#33FFCC (051,255,204) |
||||||
#3300FF (051,000,255) |
#3333FF (051,051,255) |
#3366FF (051,102,255) |
#3399FF (051,153,255) |
#33CCFF (051,204,255) |
#33FFFF (051,255,255) |
||||||
#660000 (102,000,000) |
#663300 (102,051,000) |
#666600 (102,102,000) |
#669900 (102,153,000) |
#66CC00 (102,204,000) |
#66FF00 (102,255,000) |
||||||
#660033 (102,000,051) |
#663333 (102,051,051) |
#666633 (102,102,051) |
#669933 (102,153,051) |
#66CC33 (102,204,051) |
#66FF33 (102,255,051) |
||||||
#660066 (102,000,102) |
#663366 (102,051,102) |
#666666 (102,102,102) |
#669966 (102,153,102) |
#669966 (102,204,102) |
#66FF66 (102,255,102) |
||||||
#660099 (102,000,153) |
#663399 (102,051,153) |
#666699 (102,102,153) |
#669999 (102,153,153) |
#66CC99 (102,204,153) |
#66FF99 (102,255,153) |
||||||
#6600CC (102,000,204) |
#6633CC (102,051,204) |
#6666CC (102,102,204) |
#6699CC (102,153,204) |
#66CCCC (102,204,204) |
#66FFCC (102,255,204) |
||||||
#6600FF (102,000,255) |
#6633FF (102,051,255) |
#6666FF (102,102,255) |
#6699FF (102,153,255) |
#66CCFF (102,204,255) |
#66FFFF (102,255,255) |
||||||
#990000 (153,000,000) |
#993300 (153,051,000) |
#996600 (153,102,000) |
#999900 (153,153,000) |
#999900 (153,204,000) |
#99FF00 (153,255,000) |
||||||
#990033 (153,000,051) |
#993333 (153,051,051) |
#996633 (153,102,051) |
#999933 (153,153,051) |
#99CC33 (153,204,051) |
#99FF33 (153,255,051) |
||||||
#990066 (153,000,102) |
#993366 (153,051,102) |
#996666 (153,102,102) |
#999966 (153,153,102) |
#99CC66 (153,204,102) |
#99FF66 (153,255,102) |
||||||
#990099 (153,000,153) |
#993399 (153,051,153) |
#996699 (153,102,153) |
#999999 (153,153,153) |
#99CC99 (153,204,153) |
#99FF99 (153,255,153) |
||||||
#9900CC (153,000,204) |
#9933CC (153,051,204) |
#9966CC (153,102,204) |
#9999CC (153,153,204) |
#99CCCC (153,204,204) |
#99FFCC (153,255,204) |
||||||
#CC0000 (204,000,000) |
#CC3300 (204,051,000) |
#CC6600 (204,102,000) |
#CC9900 (204,153,000) |
#CCCC00 (204,204,000) |
#CCFF00 (204,255,000) |
||||||
#CC0033 (204,000,051) |
#CC3333 (204,051,051) |
#CC6633 (204,102,051) |
#CC9933 (204,153,051) |
#CCCC33 (204,204,051) |
#CCFF33 (204,255,051) |
||||||
#CC0066 (204,000,102) |
#CC3366 (204,051,102) |
#CC6666 (204,102,102) |
#CC9966 (204,153,102) |
#CCCC66 (204,204,102) |
#CCFF66 (204,255,102) |
||||||
#CC0099 (204,000,153) |
#CC3399 (204,051,153) |
#CC6699 (204,102,153) |
#CC9999 (204,153,153) |
#CCCC99 (204,204,153) |
#CCFF99 (204,255,153) |
||||||
#CC00CC (204,000,204) |
#CC33CC (204,051,204) |
#CC66CC (204,102,204) |
#CC99CC (204,153,204) |
#CCCCCC (204,204,204) |
#CCFFCC (204,255,204) |
||||||
#CC00FF (204,000,255) |
#CC33FF (204,051,255) |
#CC66FF (204,102,255) |
#CC99FF (204,153,255) |
#CCCCFF (204,204,255) |
#CCFFFF (204,255,255) |
||||||
#FF0000 (255,000,000) |
#FF3300 (255,051,000) |
#FF6600 (255,102,000) |
#FF9900 (255,153,000) |
#FFCC00 (255,204,000) |
#FFFF00 (255,255,000) |
||||||
#FF0033 (255,000,051) |
#FF3333 (255,051,051) |
#FF6633 (255,102,051) |
#FF9933 (255,153,051) |
#FFCC33 (255,204,051) |
#FFFF33 (255,255,051) |
||||||
#FF0066 (255,000,102) |
#FF3366 (255,051,102) |
#FF6666 (255,102,102) |
#FF9966 (255,153,102) |
#FFCC66 (255,204,102) |
#FFFF66 (255,255,102) |
||||||
#FF0099 (255,000,153) |
#FF3399 (255,051,153) |
#FF6699 (255,102,153) |
#FF9999 (255,153,153) |
#FFCC99 (255,204,153) |
#FFFF99 (255,255,153) |
||||||
#FF00CC (255,000,204) |
#FF33CC (255,051,204) |
#FF66CC (255,102,204) |
#FF99CC (255,153,204) |
#FFCCCC (255,204,204) |
#FFFFCC (255,255,204) |
||||||
#FF00FF (255,000,255) |
#FF33FF (255,051,255) |
#FF66FF (255,102,255) |
#FF99FF (255,153,255) |
#FFCCFF (255,204,255) |
#FFFFFF (255,255,255) |
[★高収入が可能!WEBデザインのプロになってみない?!
自宅で仕事がしたい人必見!
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]
FC2 | キャッシング 花 | 出会い 無料アクセス解析 | |