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)