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 )
Profile
著者 / TATSUO IKURA
初心者～中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。