色指定のカラーコードと色名

ホームページの作り方を、 無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

色指定のカラーコードと色名

 ホームページの文字や背景などの色を指定するとき、 カラーコード(#rrggbbなど)か色名(blue)などを指定します。

 カラーコードによる色指定例 = color:#ccddff
 カラーコードによる色指定例2= color:rgb(123,123,134)
 色名による色指定例    = color:blue

 カラーコードは、赤(red)、緑(green)、 青(blue)のそれぞれの割合を2桁の16進数(00〜ff)か10進数(0〜255)で表現します。

 #rrggbb形式の場合、rr=赤の00〜ffまでの16進数表示、 gg=緑の00〜ffまでの16進数表示、bb=青の00〜ffまでの16進数表示です。
 なお、16進数のffは、10進数だと255になります。

 rgb(red,green,blue)は、red=赤の0〜255までの10進数表示、 green=緑の0〜255までの10進数表示、blue=青の0〜255までの10進数表示です。

 赤、緑、青の割合によって、全ての色が表現されます。  赤は、#ff0000、rgb(255,0,0)、緑は、#00ff00、rgb(0,255,0)、 青は、#0000ff、rgb(0,0,255)となります。

 白は、赤、緑、青を全て足し合わせた#ffffff、rgb(255,255,255)で、 黒は、#000000、rgb(0,0,0)となります。

 特定のカラーコードには、色名がつけられており、 赤の場合、#ff0000=red の色名”red”がつけらています。  カラーコードのかわりに、色名”red”を使用すると、 red=#ff0000のカラーコードの値が入力されることになり、赤色が表現されます。  

カラーチャート

red
#ff0000
#ff3333 #ff6666 #ff9999 #ffcccc
fuchsia
#ff00ff
#ff33ff #ff66ff #ff99ff #ffccff
yellow
#ffff00
#ffff33 #ffff66 #ffff99 #ffffcc
lime
#00ff00
#33ff33 #66ff66 #99ff99 #ccffcc
green
#008000
#208020 #408040 #608060 gray
#808080
aqua
#00ffff
#33ffff #66ffff #99ffff #ccffff
blue
#0000ff
#3333ff #6666ff #9999ff #ccccff
black
#000000
gray
#808080
silver
#c0c0c0
#dddddd white
#ffffff



ホームページの作り方HPTOPへ

画像
リンク 素材リンク HP作成リンク

Copyright (C) 2006-2007 ホームページの作り方HP  All rights reserved.