MAKIZOU.COM

WEB系SEのホームページ作成&サーバ構築運用メモ

Web Safe Color 2

Web Safe Color 1で紹介した216色を原色間の色の遷移を示す遷移カラーチャートです。

Web Safe Colorについて
Netscape社のブラウザは独自のカラーパレットを備えており、どのプラットホームでも8bit(256色)環境でイメージを表示できる様に、216色を指定してあります。
現在、ほとんどのブラウザはNetscapeのカラーパレットを使っている様で、8bit(256色)環境を考慮して作成するのなら、一般的にこの色を用いると良いようです。
ちなみに1つの色の値は各ステップごとに33(16進)ずつ増減させています。
(例: 00→33→66→99→CC→FF)
どうして216色なの?
どうして256色そろっていないかと申しますと、Windows自体で20色を必要とし、さらに他のプログラム(含:壁紙)で20色使用するので残りの216色をブラウザーが使っているのです。
ff0000 ff3333 ff6666 ff9999 ffcccc ffffff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
ff0000 cc0033 990066 660099 3300cc 0000ff
ff0000 cc3333 996666 669999 33cccc 00ffff
ff0000 cc3300 996600 669900 33cc00 00ff00
ff0000 ff3300 ff6600 ff9900 ffcc00 ffff00
ff0000 ff0000 ff0000 ff0000 ff0000 ff0000
ff0000 cc0000 990000 660000 330000 000000
00ff00 33ff33 66ff66 ff9999 ccffcc ffffff
00ff00 33cc33 669966 996699 cc33cc ff00ff
00ff00 00cc00 009900 006600 003300 0000ff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
00ff00 00ff00 00ff00 00ff00 00ff00 00ff00
00ff00 33ff00 66ff00 99ff00 ccff00 ffff00
ff0000 33cc00 669900 996600 cc3300 ff0000
00ff00 00cc00 009900 006600 003300 000000
0000ff 3333ff 6666ff 9999ff ccccff ffffff
0000ff 3300ff 6600ff 9900ff cc00ff ff00ff
0000ff 0000ff 0000ff 0000ff 0000ff 0000ff
0000ff 0033ff 0066ff 0099ff 00ccff 00ffff
0000ff 0033cc 006699 009966 00cc33 00ff00
0000ff 3333cc 666699 999966 cccc33 ffff00
0000ff 3300cc 660099 990066 cc0033 ff0000
0000ff 0000cc 000099 000066 000033 000000
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff
ffff00 ffcc33 ff9966 ff6699 ff33cc ff00ff
ffff00 cccc33 999966 666699 3333cc 0000ff
ffff00 ccff33 99ff66 66ff99 33ffcc 00ffff
ffff00 ccff00 99ff00 66ff00 33ff00 00ff00
ffff00 ffff00 ffff00 ffff00 ffff00 ffff00
ffff00 ffcc00 ff9900 ff6600 ff3300 ff0000
ffff00 cccc00 999900 666600 333300 000000
00ffff 33ffff 66ffff 99ffff ccffff ffffff
00ffff 33ccff 6699ff 9966ff cc33ff ff00ff
00ffff 00ccff 0099ff 0066ff 0033ff 0000ff
00ffff 00ffff 00ffff 00ffff 00ffff 00ffff
00ffff 00ffcc 00ff99 00ff66 00ff33 00ff00
00ffff 33ffcc 66ff99 99ff66 ccff33 ffff00
00ffff 33cccc 669999 996666 cc3333 ff0000
00ffff 00cccc 009999 006666 003333 000000
ff00ff ff33ff ff66ff ff99ff ffccff ffffff
ff00ff ff00ff ff00ff ff00ff ff00ff ff00ff
ff00ff cc00ff 9900ff 6600ff 3300ff 0000ff
ff00ff cc33ff 9966ff 6699ff 33ccff 00ffff
ff00ff cc33cc 996699 669966 33cc33 00ff00
ff00ff ff33cc ff6699 ff9966 ffcc33 ffff00
ff00ff ff00cc ff0099 ff0066 ff0033 ff0000
ff00ff cc00cc 990099 660066 330033 000000
000000 333333 666666 999999 cccccc ffffff
000000 330033 660066 990099 cc00cc ff00ff
000000 000033 000066 000099 0000cc 0000ff
000000 003333 006666 009999 00cccc 00ffff
000000 003300 006600 009900 00cc00 00ff00
000000 333300 666600 999900 cccc00 ffff00
000000 330000 660000 990000 cc0000 ff0000
000000 000000 000000 000000 000000 000000
ffffff ffffff ffffff ffffff ffffff ffffff
ffffff ffccff ff99ff ff66ff ff33ff ff00ff
ffffff ccccff 9999ff 6666ff 3333ff 0000ff
ffffff ccffff 99ffff 66ffff 33ffff 00ffff
ffffff ccffcc 99ff99 66ff66 33ff33 00ff00
ffffff ffffcc ffff99 ffff66 ffff33 ffff00
ffffff ffcccc ff9999 ff6666 ff3333 ff0000
ffffff cccccc 999999 666666 333333 000000
  • カテゴリ:Web開発
  • 公開日:
  • 1つ星2つ星3つ星4つ星5つ星
    Loading ... Loading ...
    ↑ 記事評価をお願いします。

コメント&トラックバック

トラックバック用URL

コメント




使用できるXHTMLタグ <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>