288

６２歳パソコン教師の日記 NO.288 (2000.10.22)

　最近は夕食後、皮膚科医院から貰ってきた痒み止めの薬を飲んでいるため、早寝遅起きです。痒み止めには睡眠薬が入っているそうです。昨夜はその薬とアルコールの相乗効果でしょうか、猛烈に眠くなってしまい、マガジンの配信予約をせずに寝てしまいました。そんな訳で、また一日遅れの配信になってしまい、申し訳ありません。

　「16,777,216」という数字は何を意味するのかお分かりでしょうか。これは「フルカラー」の色数です。コンピュータの三原色は「赤」「緑」「青」です。各色が 256階調ですから、256×256×256=16,777,216 ということになります。

　私のホームページには英語の色名が付いた 144色のカラーサンプルがありますが、これとは別に自分の好きな色を集めたカラーサンプルを作っておき、ホームページや絵などに利用しています。パステルカラーが並んだサンプルは眺めているだけでも楽しくなりますよ。あなたも作ってみませんか？

【色の作成】

　「ウインドウズ」に付属の「ペイント」で作ることができます。

「スタート」→「プログラム」→「アクセサリ」→「ペイント」とクリックして「ペイント」を起動します。

「メニューバー」の「色」→「色の編集」とクリックして「色の編集ダイアログ」を表示します。

「色の作成」をクリックして「カラーマトリックス」を表示します。

「カラーマトリックス」の中をクリックすると「色/純色」ボックスにその色が表示されます。

「色合い」を変更するにはマウスポインタを水平方向へ移動します。

「鮮やかさ」を変更するにはマウスポインタを垂直方向へ移動します。

「明るさ」を変更するには「カラーマトリックス」の右にある垂直バーの中をクリックします。

気に入った色ができたら、右端の「赤」「緑」「青」各色の数値（１０進数で表した色の階調）をメモしておきます。→「キャンセル」ボタンをクリック、→「ペイント」も終了します。

絵や写真で気に入った色があれば、「ペイント」を起動して「ファイル」→「開く」とクリック、→絵や写真のファイルを選択して、→「開く」ボタンをクリックします。

「ツールボックス」の左上から３番目の「色の選択」をクリック、→絵や写真の中の色をクリックします。

「Ｂ」→「Ｃ」と進み、→「Ｅ」の数値をメモします。

【１６進数に変換】

メモした１０進数を１６進数に変換します。

「スタート」→「プログラム」→「アクセサリ」→「電卓」とクリックして「電卓」を起動します。

「電卓の種類」（Me では「表示」）→「関数電卓」とクリックします。

「１０進」にチェックを付け、→「Ｅ」でメモした「赤」の数値を電卓の数字ボタンをクリックします。→上部に入力欄に表示されます。

「１６進」にチェックを付けます。→上部に入力欄に「１６進数」に変換された２桁の英数字が表示されますからメモしておきます。

同じように「緑」「青」も行います。

「１６進数」に変換された２桁の英数字を「赤」「緑」「青」の順に並べ６桁の英数字にしてメモしておきます。

【カラーサンプルの作成】

「スタート」→「プログラム」→「アクセサリ」→「メモ帖」とクリックして「メモ帖」を起動します。

下記のからまでのソースをコピーして「メモ帖」に貼り付けます。

<HTML> <HEAD> <SCRIPT language=JavaScript>function changeBackground(hexNumber) { document.bgColor=hexNumber}// hide end --></SCRIPT> </HEAD> <BODY> <BLOCKQUOTE> <TABLE BORDER="0"> <TR><TD WIDTH="500"><FONT COLOR="black">COLOR SAMPLE</FONT> <FONT COLOR="white"> COLOR SAMPLE</FONT></TD></TR>  <TR><TD BGCOLOR="#000000"><INPUT type=button value="click" onclick= "changeBackground('#000000')"><FONT FACE="ＭＳゴシック" COLOR="#FFFFFF">#000000</FONT></TD></TR>



<TR><TD BGCOLOR="#FFFFFF"><INPUT type=button value="click" onclick= "changeBackground('#FFFFFF')"><FONT FACE="ＭＳゴシック" COLOR="#000000">#FFFFFF</FONT></TD></TR>

</TABLE>
</BLOCKQUOTE>
</BODY>
</HTML>

「ファイル」→「名前を付けて保存」とクリックします。

「保存する場所」欄は、お好きなフォルダを指定します。

「ファイル名」欄は、「color.html」にします。

「ファイルの種類」欄は、「すべてのファイル」にします。

「保存」ボタンをクリックします。

保存したファイルをダブルクリックで開きます。→黒と白の２色のサンプルが表示されます。

「表示」→「ソース」とクリックします。→「Ｌ」で貼り付けたメモ帖が開きます。

「黒」の記述の３行をコピーして、→「白」記述の下に１行空けて貼り付けます。→貼り付けた中の

<TD BGCOLOR="#000000">
onclick="changeBackground('#000000')"
#000000

３箇所の「000000」を「Ｊ」でメモした６桁の英数字に変更します。

「ファイル」→「上書き保存」とクリックして、→「メモ帖」を閉じ、→「ツールバー」の「更新」ボタンをクリックします。→あなたが「Ｄ」で作った色が表示されます。

同じようにして、素敵な色を沢山追加してください。

「click」ボタンをクリックすると、ページ全体がその色に変わります。