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