| カラーコード / サイトについて / リンク集 / お問い合わせ |
|
|
|
カラーネームで指定する
ＣＳＳでは色の指定方法が複数あります。これらの指定方法は状況によって使い分けることが大切です。
まずはじめは、ＨＴＭＬの属性値にも指定できるカラーネームでの指定方法を説明します。これは、一番簡単でただＣＳＳの値の部分に色の名前を書くだけです。
下のサンプルソースで使っている color プロパティは文字色を変更するＣＳＳです。（後で詳しく説明します）
p {
color : red } RGB値で指定する（その一）
二つ目はRGB値での指定方法を説明します。まずRGBとはRED GREEN BLUEのことで、これらをまとめてRGBといいます。
二つ目の指定方法はこのRGBを２桁ずつ記述する方法です。これは普段使っている１６進数カラーコードと同じです。
p {
color : #FFFFFF } RGB値で指定する（その二）
先ほどの指定方法は６桁でしたが、今度は３桁の指定方法を説明します。下に記述されている#F69は#FF6699のことです。このような６桁のRGB値は３桁に省略することができます。
p {
color : #F69 } RGB値で指定する（その三）
次はrgb(R,G,B)での指定方法です。それぞれR,G,Bの部分には１〜２５５までの数値を指定することができます。これは、R,G,B,それぞれの割合を詳しく指定することができます。
p {
color : rgb(100,100,100) } RGB値で指定する（その四）
次もrgb(R,G,B)での指定方法です。今度は１〜２５５の数値ではなく１〜１００％の割合で指定する方法です。これらの値はしっかり半角数字で指定しましょう。
p {
color : rgb(50%,50%,50%) } |
 |