Web_color /
Web カラー 216 一覧リスト
Web カラーは基本カラーが16色、セーフカラーが216色(基本カラー16色の2乗)と
結構多めにあります。とりあえず全部表示されていたら便利かと思いまして、かくかくしかじか。
基本16色
HTML4.01の定義色。
Windows VGAのパレットに準拠した色。また、色名指定で使用できる色。
■ #000000: #(ハッシュ)+16進数での表記
■ black: 色名
■ RGB(0,0,0): RGBの各値
#000080 naby RGB(0,0,128) |
#000000 black RGB(0,0,0) |
#0000ff blue RGB(0,0,255) |
#808080 gray RGB(128,128,128) |
#00ffff aqua RGB(0,255,255) |
#c0c0c0 silver RGB(192,192,192) |
#008000 green RGB(0,128,0) |
#ffffff white RGB(255,255,255) |
#00ff00 lime RGB(0,255,0) |
#800000 maroon RGB(128,0,0) |
#ffff00 yellow RGB(255,255,0) |
#808000 olive RGB(128,128,0) |
#ff0000 red RGB(255,0,0) |
#008080 teal RGB(0,128,128) |
#ff00ff fuchsia RGB(255,0,255) |
#800080 purple RGB(128,0,128) |
PR
Webセーフカラー216色
WindowsとMacintoshのシステムパレットに共通し、IEとNN(※1)でも同様に表示される色をWebセーフカラーという。
Webセーフカラーを16進数で表現すると、00、33、66、99、cc、ffの組み合わせから成立する。
また、Webセーフカラーを使用した場合、ユーザー環境が256色表示でもあまり問題なく表示されます。
Webセーフカラー以外の色を使用した場合、ディザリング(※2)処理されることで、指定した色を表現出来ない場合があります。
※1:Netscape Navigatorの略。
※2:ディザリング:使用可能な色数が少ない環境で中間色を表現するために、表示可能な色を組み合わせて表示すること。
R | Y | ||||||
FF | #ff00ff RGB(255,0,255) |
#ff33ff RGB(255,51,255) |
#ff66ff RGB(255,102,255) |
#ff99ff RGB(255,153,255) |
#ffccff RGB(255,204,255) |
#ffffff RGB(255,255,255) |
FF |
CC | #ff00cc RGB(255,0,204) |
#ff33cc RGB(255,51,204) |
#ff66cc RGB(255,102,204) |
#ff99cc RGB(255,153,204) |
#ffcccc RGB(255,204,204) |
#ffffcc RGB(255,255,204) |
|
99 | #ff0099 RGB(255,0,153) |
#ff3399 RGB(255,51,153) |
#ff6699 RGB(255,102,153) |
#ff9999 RGB(255,153,153) |
#ffcc99 RGB(255,204,153) |
#ffff99 RGB(255,255,153) |
|
66 | #ff0066 RGB(255,0,102) |
#ff3366 RGB(255,51,102) |
#ff6666 RGB(255,102,102) |
#ff9966 RGB(255,153,102) |
#ffcc66 RGB(255,204,102) |
#ffff66 RGB(255,255,102) |
|
33 | #ff0033 RGB(255,0,51) |
#ff3333 RGB(255,51,51) |
#ff6633 RGB(255,102,51) |
#ff9933 RGB(255,153,51) |
#ffcc33 RGB(255,204,51) |
#ffff33 RGB(255,255,51) |
|
00 | #ff0000 RGB(255,0,0) |
#ff3300 RGB(255,51,0) |
#ff6600 RGB(255,102,0) |
#ff9900 RGB(255,153,0) |
#ffcc00 RGB(255,204,0) |
#ffff00 RGB(255,255,0) |
|
FF | #cc00ff RGB(204,0,255) |
#cc33ff RGB(204,51,255) |
#cc66ff RGB(204,102,255) |
#cc99ff RGB(204,153,255) |
#ccccff RGB(204,204,255) |
#ccffff RGB(204,255,255) |
CC |
CC | #cc00cc RGB(204,0,204) |
#cc33cc RGB(204,51,204) |
#cc66cc RGB(204,102,204) |
#cc99cc RGB(204,153,204) |
#cccccc RGB(204,204,204) |
#ccffcc RGB(204,255,204) |
|
99 | #cc0099 RGB(204,0,153) |
#cc3399 RGB(204,51,153) |
#cc6699 RGB(204,102,153) |
#cc9999 RGB(204,153,153) |
#cccc99 RGB(204,204,153) |
#ccff99 RGB(204,255,153) |
|
66 | #cc0066 RGB(204,0,102) |
#cc3366 RGB(204,51,102) |
#cc6666 RGB(204,102,102) |
#cc9966 RGB(204,153,102) |
#cccc66 RGB(204,204,102) |
#ccff66 RGB(204,255,102) |
|
33 | #cc0033 RGB(204,0,51) |
#cc3333 RGB(204,51,51) |
#cc6633 RGB(204,102,51) |
#cc9933 RGB(204,153,51) |
#cccc33 RGB(204,204,51) |
#ccff33 RGB(204,255,51) |
|
00 | #cc0000 RGB(204,0,0) |
#cc3300 RGB(204,51,0) |
#cc6600 RGB(204,102,0) |
#cc9900 RGB(204,153,0) |
#cccc00 RGB(204,204,0) |
#ccff00 RGB(204,255,0) |
|
FF | #9900ff RGB(153,0,255) |
#9933ff RGB(153,51,255) |
#9966ff RGB(153,102,255) |
#9999ff RGB(153,153,255) |
#99ccff RGB(153,204,255) |
#99ffff RGB(153,255,255) |
99 |
CC | #9900cc RGB(153,0,204) |
#9933cc RGB(153,51,204) |
#9966cc RGB(153,102,204) |
#9999cc RGB(153,153,204) |
#99cccc RGB(153,204,204) |
#99ffcc RGB(153,255,204) |
|
99 | #990099 RGB(153,0,153) |
#993399 RGB(153,51,153) |
#996699 RGB(153,102,153) |
#999999 RGB(153,153,153) |
#99cc99 RGB(153,204,153) |
#99ff99 RGB(153,255,153) |
|
66 | #990066 RGB(153,0,102) |
#993366 RGB(153,51,102) |
#996666 RGB(153,102,102) |
#999966 RGB(153,153,102) |
#99cc66 RGB(153,204,102) |
#99ff66 RGB(153,255,102) |
|
33 | #990033 RGB(153,0,51) |
#993333 RGB(153,51,51) |
#996633 RGB(153,102,51) |
#999933 RGB(153,153,51) |
#99cc33 RGB(153,204,51) |
#99ff33 RGB(153,255,51) |
|
00 | #990000 RGB(153,0,0) |
#993300 RGB(153,51,0) |
#996600 RGB(153,102,0) |
#999900 RGB(153,153,0) |
#99cc00 RGB(153,204,0) |
#99ff00 RGB(153,255,0) |
|
FF | #6600ff RGB(102,0,255) |
#6633ff RGB(102,51,255) |
#6666ff RGB(102,102,255) |
#6699ff RGB(102,153,255) |
#66ccff RGB(102,204,255) |
#66ffff RGB(102,255,255) |
66 |
CC | #6600cc RGB(102,0,204) |
#6633cc RGB(102,51,204) |
#6666cc RGB(102,102,204) |
#6699cc RGB(102,153,204) |
#66cccc RGB(102,204,204) |
#66ffcc RGB(102,255,204) |
|
99 | #660099 RGB(102,0,153) |
#663399 RGB(102,51,153) |
#666699 RGB(102,102,153) |
#669999 RGB(102,153,153) |
#66cc99 RGB(102,204,153) |
#66ff99 RGB(102,255,153) |
|
66 | #660066 RGB(102,0,102) |
#663366 RGB(102,51,102) |
#666666 RGB(102,102,102) |
#669966 RGB(102,153,102) |
#66cc66 RGB(102,204,102) |
#66ff66 RGB(102,255,102) |
|
33 | #660033 RGB(102,0,51) |
#663333 RGB(102,51,51) |
#666633 RGB(102,102,51) |
#669933 RGB(102,153,51) |
#66cc33 RGB(102,204,51) |
#66ff33 RGB(102,255,51) |
|
00 | #660000 RGB(102,0,0) |
#663300 RGB(102,51,0) |
#666600 RGB(102,102,0) |
#669900 RGB(102,153,0) |
#66cc00 RGB(102,204,0) |
#66ff00 RGB(102,255,0) |
|
FF | #3300ff RGB(51,0,255) |
#3333ff RGB(51,51,255) |
#3366ff RGB(51,102,255) |
#3399ff RGB(51,153,255) |
#33ccff RGB(51,204,255) |
#33ffff RGB(51,255,255) |
33 |
CC | #3300cc RGB(51,0,204) |
#3333cc RGB(51,51,204) |
#3366cc RGB(51,102,204) |
#3399cc RGB(51,153,204) |
#33cccc RGB(51,204,204) |
#33ffcc RGB(51,255,204) |
|
99 | #330099 RGB(51,0,153) |
#333399 RGB(51,51,153) |
#336699 RGB(51,102,153) |
#339999 RGB(51,153,153) |
#33cc99 RGB(51,204,153) |
#33ff99 RGB(51,255,153) |
|
66 | #330066 RGB(51,0,102) |
#333366 RGB(51,51,102) |
#336666 RGB(51,102,102) |
#339966 RGB(51,153,102) |
#33cc66 RGB(51,204,102) |
#33ff66 RGB(51,255,102) |
|
33 | #330033 RGB(51,0,51) |
#333333 RGB(51,51,51) |
#336633 RGB(51,102,51) |
#339933 RGB(51,153,51) |
#33cc33 RGB(51,204,51) |
#33ff33 RGB(51,255,51) |
|
00 | #330000 RGB(51,0,0) |
#333300 RGB(51,51,0) |
#336600 RGB(51,102,0) |
#339900 RGB(51,153,0) |
#33cc00 RGB(51,204,0) |
#33ff00 RGB(51,255,0) |
|
FF | #0000ff RGB(0,0,255) |
#0033ff RGB(0,51,255) |
#0066ff RGB(0,102,255) |
#0099ff RGB(0,153,255) |
#00ccff RGB(0,204,255) |
#00ffff RGB(0,255,255) |
00 |
CC | #0000cc RGB(0,0,204) |
#0033cc RGB(0,51,204) |
#0066cc RGB(0,102,204) |
#0099cc RGB(0,153,204) |
#00cccc RGB(0,204,204) |
#00ffcc RGB(0,255,204) |
|
99 | #000099 RGB(0,0,153) |
#003399 RGB(0,51,153) |
#006699 RGB(0,102,153) |
#009999 RGB(0,153,153) |
#00cc99 RGB(0,204,153) |
#00ff99 RGB(0,255,153) |
|
66 | #000066 RGB(0,0,102) |
#003366 RGB(0,51,102) |
#006666 RGB(0,102,102) |
#009966 RGB(0,153,102) |
#00cc66 RGB(0,204,102) |
#00ff66 RGB(0,255,102) |
|
33 | #000033 RGB(0,0,51) |
#003333 RGB(0,51,51) |
#006633 RGB(0,102,51) |
#009933 RGB(0,153,51) |
#00cc33 RGB(0,204,51) |
#00ff33 RGB(0,255,51) |
|
00 | #000000 RGB(0,0,0) |
#003300 RGB(0,51,0) |
#006600 RGB(0,102,0) |
#009900 RGB(0,153,0) |
#00cc00 RGB(0,204,0) |
#00ff00 RGB(0,255,0) |
|
B | 00 | 33 | 66 | 99 | CC | FF | G |
2009/05/10
※情報はいろんな技術書から流用しております。本当にありがとうございます。
» iso.labo home | アイエスオーラボ ホーム » labo | 好奇心に、こちょこちょ。 » Web_color | Web カラー 216 一覧リスト
▲ページTOPへ