colorプロパティ

colorプロパティで、文字色(前景色)を指定できます。

色の指定方法)

例)

.red{
color: #ff0000;
}
.redred{
color: #f00;
}
.blue{
color: blue;
}
.green{
color: rgb(0,255,0);
}
.magenta{
color: rgb(100%,0%,100%);
}

本文)
<span class="red">AAA,</span><span class="redred">BBB,</span><span class="blue">CCC,</span><span class="green">DDD,</span><span class="magenta">EEE,</span>

スタイルシート 文字色(前景色)表示イメージ

16進数で表すRGB値

ホームページ作成にあたり使用できる色は、赤、緑、青の原色を256階調とし、その組み合わせで256×256×256=16777216 色が使用できます。

16進数で表すRGB値とは、赤、緑、青の順に16進数( 0123456789abcdef )を各色 2つ 並べ色調を表現する方法です。各色につき16進数が2つありますので、16×16=256 階調が指定できます。

カラーコード / カラーネーム(新規ウインドウが開きます)


16進数で表すRGB値の省略型

スタイルシートでは、16進数で表すRGB値は、各色 2桁の値が同じであれば、1桁を省略して表記することができます。

例)

<span style="color: #ff0000;">テキスト</span><span style="color: #f00">AAAaaa</span>

テキストAAAaaa

#ff0000は#f00と同じ赤色を表示します。


10進数で表すRGB値

R(赤)、G(緑)、B(青)を、各色 0〜255 の範囲の10進数(0123456789)で指定し色の段階を表します。また、各色の括弧内の値は、カンマ ( , ) で区切ります。

例)

<span style="color: rgb(255,0,0);">テキストAAAaaa</span>

テキストAAAaaa

rgb(255,0,0)は赤色を表します。


パーセンテージで表すRGB値

R(赤)、G(緑)、B(青)を、各色 0%〜100% の範囲のパーセンテージで指定し色の段階を表します。また、各色の括弧内の値は、カンマ ( , ) で区切ります。

例)

<span style="color: rgb(0%,0%,100%)">テキストAAAaaa</span>

テキストAAAaaa

rgb(0%,0%,100%)は青色を表します。


ページトップへ戻る



RAWで撮ろうLife with a cameraLife with a camera 2


inserted by FC2 system