セーフカラーについて知りたい！
HOME > Web Design FAQ > 全般
人が登録概要
ホームページを見ている訪問者の中には、画面の色をあえて256色に設定している人もいれば、256色までしか見れないディスプレイを使っている方もいると思います。
フルカラーは32ビット、つまり、最大16777216色まで可能ですが、画面の環境によっては再現されない色があります。
256色のディスプレイは、必ずしも256色全部再現できるとは限らないそうです。
どうやら、Windowsを使用しているコンピュータでは、ウィンドウの枠線、メニューバー、ボタン、その他諸々（謎）を常に一定の外観で表示するために20色が予約されていて、残りの236色しか使えないようです。
256色までのGIF画像が複数あれば、その分使用する色数が増えますよね（増えない場合もあるかも）。すると、結構きつくなってくるのです。
そこで、一般的に言われているのが「セーフカラーの216色の範囲内で使いましょう」ということです。
・・・私の場合、セーフカラーは全然気にしてませんが(^_^;)
望ましい値の組み合わせの色
色の表現には2通りありますね。RGBの値を256進数で表現する場合と、16進数で表現する場合があります。
では、セーフカラーはどのようにして作成すればいいのでしょうか？
- RGB256進数ではそれぞれのR・G・B値を
- 0、51、102、153、204、255 に限定
- RGB16進数ではそれぞれのR・G・B値を
- 00,33,66,99,CC,FF に限定
フォントの色や背景色を選ぶ際に、まず、一覧に16色でてきます。
しかし、セーフカラーの範囲内で使うようにしようと思うと、実際半分がNGなのです(^_^;)
| 望ましい値の組み合わせの色 | 望ましくない値の組み合わせの色 | ||||
|---|---|---|---|---|---|
| 一般的な名前 | FrontPageでの名前 | RGB値(256進数） | 一般的な名前 | FrontPageでの名前 | RGB値（256進数） |
| 黒 | black | (0.0.0) | グレー | gray | (128.128.128) |
| 白 | white | (255.255.255) | 明るいグレー | silver | (192.192.192) |
| 赤 | red | (255.0.0) | 暗い赤 | maroon | (128.0.0) |
| 緑 | lime | (0.255.0) | 暗い緑 | green | (0.128.0) |
| 青 | blue | (0.0.255) | 暗い青 | navy | (0.0.128) |
| シアン | cyan | (0.255.255) | 暗いシアン | teal | (0.128.128) |
| マゼンダ | fuchsia | (255.0.255) | 暗いマゼンダ | purple | (128.0.128) |
| イエロー | yellow | (255.255.0) | 暗いイエロー | olive | (128.128.0) |
[その他の色]をクリックすると、このように一覧が出てきます。
上の6角形パレット色の合計は数えてみたら127色あります（電卓で計算しました（笑）。
この中にはセーフカラーではない色が含まれています。ほとんどセーフカラーなんですけどね。
参考文献：FrontPage 2002オフィシャルマニュアル P.104-107
セーフカラー216色コード表
|
00FFFF (0.255.255) cyan | 00FFCC (0.255.204) | 00FF99 (0.255.153) |
00FF66 (0.255102) | 00FF33 (0.255.51) |
00FF00 (0.255.0) lime |
|
33FFFF (51.255.255) | 33FFCC (51.255.204) | 33FF99 (51.255.153) |
33FF66 (51.255.102) | 33FF33 (51.255.51) | 33FF00 (51.255.0) |
|
66FFFF (102.255.255) | 66FFCC (102.255.204) | 66FF99 (102.255.153) |
66FF66 (102.255.102) | 66FF33 (102.255.51) | 66FF00 (102.255.0) |
|
99FFFF (153.255.255) | 99FFCC (153.255204) | 99FF99 (153.255.153) |
99FF66 (153.255.102) | 99FF33 (153.255.51) | 99FF00 (153.255.0) |
|
CCFFFF (204.255.255) | CCFFCC (204.255.204) | CCFF99 (204.255.153) |
CCFF66 (204.255.102) | CCFF33 (204.255.51) | CCFF00 (204.255.0) |
|
FFFFFF (255.255.255) white |
FFFFCC (255.255.204) | FFFF99 (255.255.153) | FFFF66 (255.255.102) |
FFFF33 (255.255.51) | FFFF00 (255.255.0) yellow |
| FFCCFF (255.204.255) | FFCCCC (255204.204) |
FFCC99 (255.204.153) | FFCC66 (255.204.102) | FFCC33 (255.204.51) |
FFCC00 (255.204.0) |
| FF99FF (255.153.255) | FF99CC (255.153.204) |
FF9999 (255.153.153) | FF9966 (255.153.102) | FF9933 (255.153.51) |
FF9900 (255.153.0) |
| FF66FF (255.102.255) | FF66CC (255.102.204) |
FF6699 (255.102.153) | FF6666 (255.102.102) | FF6633 (255.102.51) |
FF6600 (255.102.0) |
| FF33FF (255.51.255) | FF33CC (255.51.204) |
FF3399 (255.51.153) | FF3366 (255.51.102) | FF3333 (255.51.51) |
FF3300 (255.51.0) |
| FF00FF (255.0.255) fuchsia | FF00CC (255.0.204) | FF0099 (255.0.153) |
FF0066 (255.0.102) | FF0033 (255.0.51) | FF0000 (255.0.0) red |
|
CC00FF (204.0.255) | CC00CC (204.0.204) | CC0099 (204.0.153) |
CC0066 (204.0.102) | CC0033 (204.0.51) | CC0000 (204.0.0) |
|
CC33FF (204.51.255) | CC33CC (204.51.204) | CC3399 (204.51.153) |
CC3366 (204.51.102) | CC3333 (204.51.51) | CC3300 (204.51.0) |
|
CC66FF (204.102.255) | CC66CC (204.102.204) | CC6699 (204.102.153) |
CC6666 (204.102.102) | CC6633 (204.102.51) | CC6600 (204.102.0) |
|
CC99FF (204.153.255) | CC99CC (204.153.204) | CC9999 (204.153.153) |
CC9966 (204.153.102) | CC9933 (204.153.51) | CC9900 (204.153.0) |
|
9966FF (153.102.255) | 9966CC (153.102.204) | 996699 (153.102.153) |
996666 (153.102.102) | 996633 (153.102.51) | 996600 (153.102.0) |
|
9933FF (151.51.255) | 9933CC (153.51.204) | 993399 (153.51.153) |
993366 (153.51.102) | 993333 (153.51.51) | 993300 (153.51.0) |
|
9900FF (153.0.255) | 9900CC (153.0.204) | 990099 (153.0.153) |
990066 (153.0.102) | 990033 (153.0.51) | 990000 (153.0.0) |
|
6633FF (102.51.255) | 6633CC (102.51.204) | 663399 (102.51.153) |
663366 (102.51102) | 663333 (102.51.51) | 663300 (102.51.0) |
|
6600FF (102.0.255) | 6600CC (102.0.204) | 660099 (102.0.153) |
660066 (102.0.102) | 660033 (102.0.51) | 660000 (102.0.0) |
|
3300FF (51.0.255) | 3300CC (51.0.204) | 330099 (51.0.153) |
330066 (51.0.102) | 330033 (51.0.51) | 330000 (51.0.0) |
|
0000FF (0.0.255) blue | 0000CC (0.0.204) | 000099 (0.0.153) |
000066 (0.0.102) | 000033 (0.0.51) |
000000 (0.0.0) black |
|
0033FF (0.51.255) | 0033CC (0.51.204) | 003399 (0.51.153) |
003366 (0.51.102) | 003333 (0.51.51) | 003300 (0.51.0) |
|
3333FF (51.51.255) | 3333CC (51.51.204) | 333399 (51.51.153) |
333366 (51.51.102) | 333333 (51.51.51) | 333300 (51.51.0) |
|
0066FF (0.102.255) | 0066CC (0.102.204) | 006699 (0.102.153) |
006666 (0.102.102) | 006633 (0.102.51) | 006600 (0.102.0) |
|
3366FF (51.102.255) | 3366CC (51.102.204) | 336699 (51.102.153) |
336666 (51.102.102) | 336633 (51.102.51) | 336600 (51.102.0) |
|
6666FF (102.102.255) | 6666CC (102.102.204) | 666699 (102.102.153) |
666666 (102.102.102) | 666633 (102102.51) | 666600 (102102.0) |
|
9999FF (153.153.255) | 9999CC (153.153.204) | 999999 (153.153.153) |
999966 (153.153.102) | 999933 (153.153.51) | 999900 (153.153.0) |
|
6699FF (102.153.255) | 6699CC (102.153.204) | 669999 (102.153.153) |
669966 (102.153.102) | 669933 (102.153.51) | 669900 (102.153.0) |
|
3399FF (51.153.255) | 3399CC (51.153.204) | 339999 (51.153.153) |
339966 (51.153.102) | 339933 (51.153.51) | 339900 (51.153.0) |
|
0099FF (0.153.255) | 0099CC (0.153.204) | 009999 (0.153.153) |
009966 (0.153.102) | 009933 (0.153.51) | 009900 (0.153.0) |
|
00CCFF (0.204.255) | 00CCCC (0.204.204) | 00CC99 (0.204.153) |
00CC66 (0.204.102) | 00CC33 (0.204.51) | 00CC00 (0.204.0) |
|
33CCFF (51.204.255) | 33CCCC (51.204.204) | 33CC99 (51.204.153) |
33CC66 (51.204.102) | 33CC33 (51.204.51) | 33CC00 (51.204.0) |
|
66CCFF (102.204.255) | 66CCCC (102.204.204) | 66CC99 (102.204.153) |
66CC66 (102.204.102) | 66CC33 (102.204.51) | 66CC00 (102.204.0) |
|
99CCFF (153.204.255) | 99CCCC (153.204.204) | 99CC99 (153.204.153) |
99CC66 (153.204.102) | 99CC33 (153.204.51) | 99CC00 (153.204.0) |
|
CCCCFF (204.204.255) | CCCCCC (204.204.204) | CCCC99 (204.204.153) |
CCCC66 (204.204.102) | CCCC33 (204.204.51) | CCCC00 (204.204.0) |
