５章 色の指定法 基礎知識 コンピュータの世界では１６進数での表記がよく使われます。 １６進数では １０進数での１０を Ａと表記します。（大文字小文字は関係ない） １０進数での１１を Bと表記します。 １０進数での１２を Ｃと表記します。 １０進数での１３を Ｄと表記します。 １０進数での１４を Ｅと表記します。 １０進数での１５を Ｆと表記します。 ０，１，２，３，４，５，６，７，８，９，１０，１１，１２，１３，１４，１５，１６，１７，１８・・・・・（１０進数） ０，１，２，３，４，５，６，７，８，９，Ａ， Ｂ， Ｃ， Ｄ， Ｅ， Ｆ， １０，１１，１２・・・・・（１６進数） さてホームページでの色指定ですが、色の三原色（？）Ｒ（赤）、Ｇ（緑）、Ｂ（青）に、それぞれ ００〜FFの値が与えられていて、（色の影響度は、００（弱い）〜FF（強い）となります。・・・ 間違っているかも・・・＾＾； ）ホームページでの色指定は、RGB各々の値に＃記号を加えた 「＃ＸＸＸＸＸＸ」という７文字で行なうことが多いです。 例 ＃FF００００・・・・Rの値がFF（強い）Gの値が００（弱い）Bの値が００（弱い）・・・結果として赤色 になります。 ＃００ＦＦ００・・・・Rの値がFF（弱い）Gの値が００（強い）Bの値が００（弱い）・・・結果として緑色 になります。 ＃００００ＦＦ・・・・Rの値がFF（弱い）Gの値が００（強い）Bの値が００（弱い）・・・結果として青色 になります。 という感じです。 実際にやってみましょう。 例によって、メモ帳開いてタグを打ち込んでいきます。 <html> <head> </head> <body bgcolor="#ff0000"> </body> </html> ファイル→名前を付けて保存→デスクトップに iro.txt で保存 再度 ファイル→名前を付けて保存→デスクトップに iro.html で保存 iro.html を開くと、赤い背景になっているはず。 次いで、iro.txt を開き、#ff0000を#00ff00に変更して、ファイル→名前を付けて保存→デスクトップに iro.html で保存→置き換えますか→はい 再度 iro.html を開くと、緑になっているはず。 ってな感じで＃ＸＸＸＸＸＸ（Ｘは０〜ｆ迄）の組み合わせで１６万色表示可能となっていますが、微妙な色の違いは、判断できないと思うし、見る人のパソの設定や、モニターによっても変わってくるので、あまり細かく設定しても意味はないようです。 確認終ったらiro.txt、ｉｒｏ．ｈｔｍｌ はゴミ箱へ〜 また＃XXXXXXという形式では、なんの色か判りにくいので、普通はカラーチャートというもので調べたり、色をＲＧＢに変換表示するソフトを使って＃XXXXXXの値を得ます。（後述） それ以外に、代表的な色については、名前で色が指定できることもあります。（前回やった、背景を赤にする指定で bgcolor="red" としたのがそれ） さて色の調べ方ですが、まゆ工房さんのサイトを使い説明します。（無断ですが^^；・・・まゆさんごめんね m(__)m ） まゆ工房さんへ行きドアをクリックし入室→素材集をクリック→左側のスクロールバーを下げていって、下のほうのカラーコード表を参考にすることにします。（ちなみにこのページのように、一つの窓のなかにいくつかのページがあるのを、フレーム表示といいます。） 一番上のカラー１ １６進数をクリックすると 色とその色番号が表示されています。 二番目のカラー２ 色の名前をクリックすると 名前で指定できる色が表示されています。 （注意 このうち正式に認定されているのは、白黒赤青などの基本的な １６色だけで、その他の色は反映されない場合もあるそうで す。・・・そんな経験はないですが・・・） 後のカラー３〜５ は自分で色選んでいったら、その色番号が表示されるようになっていま す。 ←ＢＡＣＫ ＮＥＸＴ→
目次へ