Webセーフカラー216色

広告

色の組み合わせは赤緑青がそれぞれ0から255までの256個の数値を使って指定しますので、256×256×256=17,777,216色の表現が可能です。

Webサーフカラーとは赤緑青の値として「00」「33」「66」「99」「cc」「ff」の6つの値を取った場合の組み合わせです。この場合に作成される色の種類は6×6×6=216色となります。

設定した色が多くの人の環境で同じように見える色という意味でWebセーフカラーと呼ばれます。WindowsやMac、そしてフルカラー表示で設定している人や256色表示している人など利用者の環境は様々ですが、Webセーフカラーを使用していればほぼ同じような色が表示されます。(ただし絶対ではないのであくまで目安です)。

Webセーフカラー216色は次の通りです。

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

( Written by Tatsuo Ikura )