[216色]Web Safe Colorの早見表|カラーチャート

Web Safe Color(ウェブセーフカラー)とはWIN/MACのディスプレイ表示で共通した色のことです。色数は216色あります。そのリストをカラーチャートとしてまとめました。カラーコードとRGB表記の両方を記載しています。

Web Safe Color 216色

WIN/MAC共通の色。背景色などをCSSで指定する場合はWeb Safe Colorを使用する。

RGB値はPhotoshop等のグラフィックソフトで使う場合に参考。

カラーコードを記述する場合は#をコードの前につける。

カラーコードの記述例

color: #ffffff;
  • #ffffff|R255 G255 B255
  • #ffffcc|R255 G255 B204
  • #ffff99|R255 G255 B153
  • #ffff66|R255 G255 B102
  • #ffff33|R255 G255 B51
  • #ffff00|R255 G255 B0
  • #ffccff|R255 G204 B255
  • #ffcccc|R255 G204 B204
  • #ffcc99|R255 G204 B153
  • #ffcc66|R255 G204 B102
  • #ffcc33|R255 G204 B51
  • #ffcc00|R255 G204 B0
  • #ff99ff|R255 G153 B255
  • #ff99cc|R255 G153 B204
  • #ff9999|R255 G153 B153
  • #ff9966|R255 G153 B102
  • #ff9933|R255 G153 B51
  • #ff9900|R255 G153 B0
  • #ff66ff|R255 G102 B255
  • #ff66cc|R255 G102 B204
  • #ff6699|R255 G102 B153
  • #ff6666|R255 G102 B102
  • #ff6633|R255 G102 B51
  • #ff6600|R255 G102 B0
  • #ff33ff|R255 G51 B255
  • #ff33cc|R255 G51 B204
  • #ff3399|R255 G51 B153
  • #ff3366|R255 G51 B102
  • #ff3333|R255 G51 B51
  • #ff3300|R255 G51 B0
  • #ff00ff|R255 G0 B255
  • #ff00cc|R255 G0 B204
  • #ff0099|R255 G0 B153
  • #ff0066|R255 G0 B102
  • #ff0033|R255 G0 B51
  • #ff0000|R255 G0 B0
  • #ccffff|R204 G255 B255
  • #ccffcc|R204 G255 B204
  • #ccff99|R204 G255 B153
  • #ccff66|R204 G255 B102
  • #ccff33|R204 G255 B51
  • #ccff00|R204 G255 B0
  • #ccccff|R204 G204 B255
  • #cccccc|R204 G204 B204
  • #cccc99|R204 G204 B153
  • #cccc66|R204 G204 B102
  • #cccc33|R204 G204 B51
  • #cccc00|R204 G204 B0
  • #cc99ff|R204 G153 B255
  • #cc99cc|R204 G153 B204
  • #cc9999|R204 G153 B153
  • #cc9966|R204 G153 B102
  • #cc9933|R204 G153 B51
  • #cc9900|R204 G153 B0
  • #cc66ff|R204 G102 B255
  • #cc66cc|R204 G102 B204
  • #cc6699|R204 G102 B153
  • #cc6666|R204 G102 B102
  • #cc6633|R204 G102 B51
  • #cc6600|R204 G102 B0
  • #cc33ff|R204 G51 B255
  • #cc33cc|R204 G51 B204
  • #cc3399|R204 G51 B153
  • #cc3366|R204 G51 B102
  • #cc3333|R204 G51 B51
  • #cc3300|R204 G51 B0
  • #cc00ff|R204 G0 B255
  • #cc00cc|R204 G0 B204
  • #cc0099|R204 G0 B153
  • #cc0066|R204 G0 B102
  • #cc0033|R204 G0 B51
  • #cc0000|R204 G0 B0
  • #99ffff|R153 G255 B255
  • #99ffcc|R153 G255 B204
  • #99ff99|R153 G255 B153
  • #99ff66|R153 G255 B102
  • #99ff33|R153 G255 B51
  • #99ff00|R153 G255 B0
  • #99ccff|R153 G204 B255
  • #99cccc|R153 G204 B204
  • #99cc99|R153 G204 B153
  • #99cc66|R153 G204 B102
  • #99cc33|R153 G204 B51
  • #99cc00|R153 G204 B0
  • #9999ff|R153 G153 B255
  • #9999cc|R153 G153 B204
  • #999999|R153 G153 B153
  • #999966|R153 G153 B102
  • #999933|R153 G153 B51
  • #999900|R153 G153 B0
  • #9966ff|R153 G102 B255
  • #9966cc|R153 G102 B204
  • #996699|R153 G102 B153
  • #996666|R153 G102 B102
  • #996633|R153 G102 B51
  • #996600|R153 G102 B0
  • #9933ff|R153 G51 B255
  • #9933cc|R153 G51 B204
  • #993399|R153 G51 B153
  • #993366|R153 G51 B102
  • #993333|R153 G51 B51
  • #993300|R153 G51 B0
  • #9900ff|R153 G0 B255
  • #9900cc|R153 G0 B204
  • #990099|R153 G0 B153
  • #990066|R153 G0 B102
  • #990033|R153 G0 B51
  • #990000|R153 G0 B0
  • #66ffff|R102 G255 B255
  • #66ffcc|R102 G255 B204
  • #66ff99|R102 G255 B153
  • #66ff66|R102 G255 B102
  • #66ff33|R102 G255 B51
  • #66ff00|R102 G255 B0
  • #66ccff|R102 G204 B255
  • #66cccc|R102 G204 B204
  • #66cc99|R102 G204 B153
  • #66cc66|R102 G204 B102
  • #66cc33|R102 G204 B51
  • #66cc00|R102 G204 B0
  • #6699ff|R102 G153 B255
  • #6699cc|R102 G153 B204
  • #669999|R102 G153 B153
  • #669966|R102 G153 B102
  • #669933|R102 G153 B51
  • #669900|R102 G153 B0
  • #6666ff|R102 G102 B255
  • #6666cc|R102 G102 B204
  • #666699|R102 G102 B153
  • #666666|R102 G102 B102
  • #666633|R102 G102 B51
  • #666600|R102 G102 B0
  • #6633ff|R102 G51 B255
  • #6633cc|R102 G51 B204
  • #663399|R102 G51 B153
  • #663366|R102 G51 B102
  • #663333|R102 G51 B51
  • #663300|R102 G51 B0
  • #6600ff|R102 G0 B255
  • #6600cc|R102 G0 B204
  • #660099|R102 G0 B153
  • #660066|R102 G0 B102
  • #660033|R102 G0 B51
  • #660000|R102 G0 B0
  • #33ffff|R51 G255 B255
  • #33ffcc|R51 G255 B204
  • #33ff99|R51 G255 B153
  • #33ff66|R51 G255 B102
  • #33ff33|R51 G255 B51
  • #33ff00|R51 G255 B0
  • #33ccff|R51 G204 B255
  • #33cccc|R51 G204 B204
  • #33cc99|R51 G204 B153
  • #33cc66|R51 G204 B102
  • #33cc33|R51 G204 B51
  • #33cc00|R51 G204 B0
  • #3399ff|R51 G153 B255
  • #3399cc|R51 G153 B204
  • #339999|R51 G153 B153
  • #339966|R51 G153 B102
  • #339933|R51 G153 B51
  • #339900|R51 G153 B0
  • #3366ff|R51 G102 B255
  • #3366cc|R51 G102 B204
  • #336699|R51 G102 B153
  • #336666|R51 G102 B102
  • #336633|R51 G102 B51
  • #336600|R51 G102 B0
  • #3333ff|R51 G51 B255
  • #3333cc|R51 G51 B204
  • #333399|R51 G51 B153
  • #333366|R51 G51 B102
  • #333333|R51 G51 B51
  • #333300|R51 G51 B0
  • #3300ff|R51 G0 B255
  • #3300cc|R51 G0 B204
  • #330099|R51 G0 B153
  • #330066|R51 G0 B102
  • #330033|R51 G0 B51
  • #330000|R51 G0 B0
  • #00ffff|R0 G255 B255
  • #00ffcc|R0 G255 B204
  • #00ff99|R0 G255 B153
  • #00ff66|R0 G255 B102
  • #00ff33|R0 G255 B51
  • #00ff00|R0 G255 B0
  • #00ccff|R0 G204 B255
  • #00cccc|R0 G204 B204
  • #00cc99|R0 G204 B153
  • #00cc66|R0 G204 B102
  • #00cc33|R0 G204 B51
  • #00cc00|R0 G204 B0
  • #0099ff|R0 G153 B255
  • #0099cc|R0 G153 B204
  • #009999|R0 G153 B153
  • #009966|R0 G153 B102
  • #009933|R0 G153 B51
  • #009900|R0 G153 B0
  • #0066ff|R0 G102 B255
  • #0066cc|R0 G102 B204
  • #006699|R0 G102 B153
  • #006666|R0 G102 B102
  • #006633|R0 G102 B51
  • #006600|R0 G102 B0
  • #0033ff|R0 G51 B255
  • #0033cc|R0 G51 B204
  • #003399|R0 G51 B153
  • #003366|R0 G51 B102
  • #003333|R0 G51 B51
  • #003300|R0 G51 B0
  • #0000ff|R0 G0 B255
  • #0000cc|R0 G0 B204
  • #000099|R0 G0 B153
  • #000066|R0 G0 B102
  • #000033|R0 G0 B51
  • #000000|R0 G0 B0