04'03/10    平成の隠居

玄関 クラブ室 工作室 食事室 箱庭農園 みみずの呟 戯言室
ソフト  

インデックスに戻る

 色見本の作成  色見本長        

 

色見本の作成

 一つのページを作成する時、色指定をする場合が良くある。 全体の背景の色・文字の色・線の色をツールバーから選んでいる。基本16色からの選択が可能であるが、 時には違う色を使ってみたい場合がある。HTEML上で色指定をすれば出来る事だが、色番号と実際の色との関係が判りにくかった。 そこで、自分が使いやすい色見本帳を作り重宝したので紹介する。

作り方
(FrontPageを使って)

1. 表を準備する
 中心となる色の数だけの行と変化させたい数の列を持った表を準備する。(ツールで作成できる最大は4×5で有るからこれを分割して作成)

2. 1行目を選択しツールバーの「マーカーの色」を使って指定(例えば赤色)。 HTMLで確認すると <TR> <TD width="xx%" bgcolor="#FF0000"> < width="xx%" bgcolor="#FF0000">・・・・bgcolor="#FF0000">となっている。ここで#FF0000が赤色を意味しています。 選んだ行が全て赤色になっていますから2列目の色指定部分を#FF0033と変えて見ます。少し色が変わったのが分かるでしょう。 同じように3列目、4列目の下二桁を変化させれば違った色に変えられます。2行目、3行目・・・を同じように色を変えて埋めていきます。

3.  出来上がった表の夫々の枠の中に色番号を記入してやれば色見本帳の完成です。パソコン画面に常時開いておき、 実際の色を見ながらHTML上で指定する使い方になります。下に自作の色見本の一部を示します。
色見本の実例
#FF0000 #FF0033 #FF0066 #FF0099
#0000FF #0033FF #0066FF #0099FF
#FFFF00 #FFFF33 #FFFF66 #FFFF99
#808080 #8080AA #8080DD #8080FF

上へ戻る インデックス戻る


色 見 本 帳

#C0C0C0 #C0C0D0 #C0C0E0 #C0C0F0
#FF0000 #FF0033 #FF0066 #FF0099
#66FF00 #66FF33 #66FF66 #66FF99
#FFFF00 #FFFF33 #FFFF66 #FFFF99
#9900CC #9933CC #9966CC #9999CC
#330066 #333366  #336666  #339966 
#0000FF  #0033FF  #0066FF  #0099FF 
#00FFFF  #33FFFF  #66FFFF  #99FFFF 

参考:このページの背景色は#99eeeeです

上へ戻る インデックス戻る