CYBER@GARDEN

home > references > Webカラーリファレンス > Webセーフカラー216色

Webセーフカラー216色

概要

Web上で使用できる色は、理論的には16,777,216色（2563色）ですが、前時代的なディスプレイ（8ビット）でも正しく再現できる色は216色しかありません。これらはWebセーフカラー（web safe colors、Web上で安全な色）と呼ばれます。

R値、G値、B値それぞれは、16進数では「0」から「ff」まで、10進数では「0」から「256」までの256段階の値が、パーセンテージ（%）では「0%」から「100%」までの値が指定できますが、Webセーフカラーでのそれぞれの値は次の6段階に限定され、合計で216色（63色）となります。

16進数 00336699ccff
10進数 051102153204255
パーセンテージ 0%20%40%60%80%100%

したがって、次のいずれの指定も同じRGB値を参照しており、Webセーフカラーということになります。

p { color: #3366ff }

p { color: rgb(51, 102, 255) }

p { color: rgb(20%, 40%, 100%) }

以前はWebセーフカラーの使用を強く勧める説明をよく見かけました。しかし、現在のディスプレイは65,536色（16ビット）あるいは16,777,216万色（24ビットまたは32ビット）が標準的な最大表示可能色であること、画像がJPEG形式の場合やアンチエイリアス処理（イラストの境界を背景と段階的にミックスする処理）を施している場合は往々にしてWebセーフカラー以外の色が使用されることなどから、Webセーフカラーは目安と考えればよいでしょう。

カラーテーブル

WebセーフカラーのRGB値をまとめたカラーテーブルを用意しました。テキストをクリックするとその色がこのページの背景色になるので、参考にしてください（一部のブラウザを除く）。

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