せつめい

　ブラウザ共通カラーチャートについて

インターネットでよく使われているのがマッキントッシュとWindowsです。両者は発色の仕組み(システムパレット)が異なるため、256色環境のユーザーにウェブのデザインを作者の意図したとおりに見てもらおうとするなら、両者共通で通用する216色の範囲内で色を決めなければなりません。

インターネット上ではこうしたシステムパレットの違いについて解説したウェブが多数あり、カラーチャートを用意しているウェブもまた多くあります。

私はウェブをデザインするときに、異なる背景色のフレーム同士の「色の抱きあわせ」をよく使いますが、一見したところ背景同士を比べてマッチングをチェックできるようなカラーチャートはありませんでした。

そこで「ないなら作ろう」ということでこの牛飼いカラーチャートを作りました。
動作確認はWINDOWS NT4.0上のｉｅ4.0とネットスケープ4.01Jでおこなっていますが、これ以外の環境で正常動作するかどうかは不明です。

　色名チャートについて

いくつかの色は16進表記だけでなく直接色の名前を指定することができます。数は140色ですが、256色モードにこだわらなければ上記 216色よりもむしろこちらの配色のほうが細かい表現ができます。

<FONT COLOR="RED">赤い色</FONT>

赤い色

これらの色はネットスケープとｉｅでほぼ共通のため、このチャートの中から色を選ぶ限りは両ブラウザ間での色の違いを考慮せずにすみます(※)。

　つかいかた
とても簡単です。画面左の上段のカラーチャートが上側の、下段のカラーチャートがこの画面の色を変えます。ボタンで変える部分を選び、カラーをクリックしてください。

途中でリロード(再表示)をかけるとボタンと変化部分があわなくなります(^-^;
再表示後はボタンがどの位置にあっても常に背景色が変わるためですが、これは仕様ですので別の部分を指定して変化させるとなおります。

　自分のウェブの色を変えるには？
BODY タグの中で指定します。左のボタンの部分に'#0000FF' などとカラーコードが表示されていますので、BODY の中にこれを書き込めばよいわけです。

例
<BODY BGCOLOR="#003399" TEXT="#FFFF00" LINK="#FF6666" VLINK="#CC9966">

BGCOLOR背景色の指定(壁紙を貼っていると無効です)
TEXT　　　文字色の指定
LINK　　　リンク色の指定
VLINK　　リンク訪問済み色の指定

テキスト色の変更は文中でも使えます。
例
<FONT COLOR="#00CC33">フォント色指定です</FONT>

フォント色指定です

　このカラーチャートの利用について
ご利用は自由です。バグがあったらごめんなさい(自爆)→メールで教えてください
無料ですが、このページのデザイン＆スクリプトをまるまる自分のウェブに流用することはご遠慮ください。

ご意見、ご要望・ご感想のメールをお待ちしています