色指定のカラーコードと色名
ホームページの作り方を、 無料で初心者のために手打ちの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. |