HOME
カラー表示の設定には大きく分けて3種類の方法があります
(1) #‥‥‥
(2) rgb(‥,‥,‥)
(3) カラーネーム
(1) #‥‥‥ のサンプル
# F F 0 0 0 0 # F F 7 7 7 7  # F F A A A A  # F F C C C C # F F E E E E
     
# 0 0 B B 0 0 # 7 7 C C 7 7  # A A D D A A  # C C E E C C # E E F F E E
     
# 0 0 0 0 F F # 7 7 7 7 F F  # A A A A F F  # C C C C F F # E E E E F F
     
# 0 0 0 0 0 0 # 7 7 7 7 7 7  # A A A A A A  # C C C C C C # F F F F F F
     

カラーコードの6個の数字やアルファベットは、左の2つが ・ 中の2つが ・右の2つが の色の要素。 それぞれの文字が ( 0〜9・A〜F ) の16の段階に分かれていて、(0)が最小で(F)が最大。
赤・緑・青は光の3原色だから、色を強くすればするほど明るくなっていって、最後の #FFFFFF は白で、逆に #000000 は黒になる。
6個の文字がすべて違っていても大丈夫ですが、2個ずつ同じにしたほうがいろんなブラウザで安定した色が出せるそうです。 またスタイルシートで記述する場合には、2個ずつ同じのときには省略して1個ずつにして、計3個でも大丈夫。

サンプルをもっと‥
# F F 7 7 0 0 # F F 9 9 0 0  # F F B B 0 0  # F F D D 0 0 # F F F F 0 0
      
# F F 9 9 B B # F F A A C C  # F F B B D D  # F F D D E E # F F E E F F
      
# B B 9 9 6 6 # C C A A 7 7  # D D B B 8 8  # E E D D A A # F F E E C C
      
# 9 9 A A 2 2 # A A B B 4 4  # C C D D 6 6  # D D E E 8 8 # E E F F A A
      
# A A B B 9 9 # B B C C A A  # C C D D B B  # D D E E C C # E E F F D D
      
# 7 7 E E B B # 8 8 E E C C  # 9 9 E E D D  # A A E E E E # B B E E F F
      
# 0 0 8 8 F F # 6 6 A A F F  # 8 8 C C F F  # 9 9 E E F F # B B F F F F
      
# A A 8 8 F F # B B A A F F  # C C C C F F  # D D D D F F # E E E E F F
      

参考までに <画面の背景色を表示するタグ> を書いておきますから
これを使って いろんな組み合わせで試してみるとおもしろい。
<html>
<body bgcolor="#‥‥‥">
</body>
</html>
これを「メモ帳」などのテキストエディタに書き込んで、[ファイル]→ [名前を付けて保存]で「マイ ドキュメント」かデスクトップに保存。アルファベットは大文字でも小文字でもかまわない。 ファイル名は color.html (または.htm) とでもしておく( ファイル名は小文字で )。
このファイルを開くと、ウインドウいっぱいに色が付くはず。
色を変えるには、[表示]→[ソース] または 画面を右クリック→[ソースの表示]でソースを開き、 書き変えてから[ファイル]→[上書き保存] または [Alt]→[F]→[S] ( Win2000・XPでは[Ctrl]+[S] )。 そしてブラウザの「更新」をクリック、または [F5] で色が変わる。
その際に [マイコンピュータ]→[表示](Win2000・Me・XPでは[ツール])→ [フォルダオプション]→[表示]タブ→[登録されている拡張子は表示しない] のチェックを外しておけば、 拡張子(この場合は.html)が表示されるようになる。
「メモ帳」は[スタート]→[プログラム]→[アクセサリ]→[メモ帳]

ちなみに <body></body>の間に文字を入力すると、開いた画面の左上にその文字が表示されます。(※改行は無視される)
HTMLメールの背景に好みの色を付けるには、Outlook Expressの場合 [メッセージの作成]画面で[書式][リッチテキスト][表示]→[ソースの編集]にチェック→下の[ソース]タブをクリック。 7行目の<BODY>の中に書き込む。
    <BODY BGCOLOR="#‥‥‥">
[編集]に戻れば画面に色が付いています。

水平線に色を付けるには、[編集]画面で上にある記号の右から3つ目の [水平線の挿入]をクリック(または [挿入]→[水平線])。[ソース]を開き <HR>タグの中に書き込む。 日本語の部分がコード変換されているから判りにくいけど、左端を探していけば見つかるはず。
長さを設定する場合には、WIDTHpxptの単位を使って数値で指定してもいいけど、 %(パーセント) がわかりやすくていいでしょう。
太さは SIZE=‥ で、何も指定しなければ 2 の太さになる。
さらに、左寄せにする場合には、ALIGN=LEFT を加える。
    <HR COLOR="#‥‥‥" WIDTH="‥%" SIZE=1 ALIGN=LEFT>

背景に壁紙を貼る方法はトップページの「壁紙」にあります。

(2) rgb(‥,‥,‥) のサンプル
※ 普通のタグ内で使っても表示されるけど、本来はスタイルシート用なので
ブラウザによっては表示されない場合があるかもかもしれません。
rgb(100%,50%,0%) rgb(100%,65%,0%)  rgb(100%,80%,0%)  rgb(100%,95%,0%)

 
 
 
rgb(100%,50%,50%) rgb(100%,65%,65%)  rgb(100%,80%,80%)  rgb(100%,90%,90%)
          
rgb(70%,50%,40%) rgb(80%,65%,50%)  rgb(90%,80%,60%)  rgb(100%,90%,75%)
          
rgb(60%,65%,10%) rgb(70%,75%,20%)  rgb(80%,85%,30%)  rgb(90%,95%,40%)
          
rgb(30%,85%,65%) rgb(40%,90%,75%)  rgb(50%,95%,85%)  rgb(60%,100%,95%)
          
rgb(35%,45%,100%) rgb(50%,60%,100%)  rgb(65%,75%,100%)  rgb(80%,90%,100%)
          
red, green, blue をそれぞれパーセントまたは数字で指定する。
パーセントの場合のタグは <body bgcolor="rgb(‥%,‥%,‥%)">で、
スタイルシートでは<body style="background-color:rgb(‥%,‥%,‥%)">

もっと微妙な色を出せるのが 0〜255 の数字による指定で、r,g,b それぞれを 0〜255 の数字で指定する。この場合のタグは <body bgcolor="rgb(…,…,…)">
スタイルシートでは <body style="background-color:rgb(…,…,…)">
rgb(255,100,100) rgb(255,150,150)  rgb(255,200,200)  rgb(255,240,240)
          
rgb(255,130,50) rgb(255,170,80)  rgb(255,210,140)  rgb(255,250,200)
          
rgb(255,130,190) rgb(255,160,210)  rgb(255,200,240)  rgb(255,230,255)
          
rgb(200,150,60) rgb(220,180,110)  rgb(230,200,150)  rgb(250,230,200)
          
rgb(190,180,0) rgb(210,200,70)  rgb(230,220,120)  rgb(250,240,160)
          
rgb(120,200,120) rgb(150,220,150)  rgb(180,240,180)  rgb(200,255,200)
          
rgb(100,240,210) rgb(130,240,230)  rgb(160,240,240)  rgb(190,240,255)
          
rgb(0,170,255) rgb(50,200,255)  rgb(80,230,255)  rgb(120,250,255)
          
rgb(60,120,255) rgb(100,160,255)  rgb(140,190,255)  rgb(180,220,255)
          
rgb(210,150,255) rgb(220,170,255)  rgb(230,200,255)  rgb(240,230,255)
          


(3) カラーネーム のサンプル
black gray  silver white
    
maroon purple  red fuchsia
    
olive green  lime yellow
    
navy teal  blue aqua
    

これは( HTML4.0 )で定義されている基本16色で、カラーネームをそのまま記入すれば指定できる。 この場合のタグは、<body bgcolor="‥‥">
16色のほかにも多数あるけど、すべてのブラウザで対応できているわけではないそうで、 詳細は解説書などを参照してください。参考までにそのうちのいくつかを紹介。
tomato hotpink  violet plum pink
     
salmon orange gold  khaki ivory
     
chocolate peru tan  wheat beige
     
limegreen lightgreen  springgreen palegreen aquamarine
     
turquoise skyblue  lightblue paleturquoise lightcyan
     
indigo blueviolet royalblue  dodgerblue deepskyblue  cyan
       
HOME