ゼロからはじめるホームページ作成

　

ホームページ作成講座 | HTML講座 | スタイルシート講座 | HTML辞典 | スタイルシート辞典 | ホームページ作成リンク

HOME > HTML講座 > 文字の色を設定する

文字の色を設定する(2)

<font>の"color="に赤は"red"、青は"blue"のように色をアルファベットで設定する方法を
色名で設定といいますが、色の強弱で、より細かい値も設定できます。

色はRGBという形式で設定できます。

RはRed(赤)、GはGreen(緑)、BはBrue(青)の略で、赤・緑・青の色の強さ・弱さで細かな色の表現ができます。
rrを赤、bbを青、ggを緑とすると、#rrbbggの形式で2桁ずつ設定します。
範囲は00～ffでffが強く、00が弱い設定です。

例えば、赤は#ff0000、緑は#00ff00、青は#0000ff、白は#ffffff、黒は#000000になります。
また、color=redはcolor=#ff0000と同じ意味です。

00～ffの範囲は、
00→01→02→03→04→05→06→07→08→09→0a→0b→0c→0d→0e→0f
とだんだん強くなり、この次は
10→11→・・・、20→21→・・・とffで一番強くなります。

■色を指定する方法

例

<font color="#ff0000">color="#ff0000"の設定です</font>
<font color="#00ff00">color="#00ff00"の設定です</font>
<font color="#0000ff">color="#0000ff"の設定です</font>
<font color="#ffffff">color="#ffffff"の設定です</font>

結果

color="ff0000"の設定です
color="ffff00"の設定です
color="0000ff"の設定です

例

<font color="#000000">color="#000000"の設定です</font>
<font color="#000033">color="#000033"の設定です</font>
<font color="#000066">color="#000066"の設定です</font>
<font color="#000099">color="#000099"の設定です</font>
<font color="#0000cc">color="#0000cc"の設定です</font>
<font color="#0000ff">color="#0000ff"の設定です</font>

結果

color="000000"の設定です
color="000033"の設定です
color="000066"の設定です
color="000099"の設定です
color="0000cc"の設定です
color="0000ff"の設定です

黒→青に少しずつ色が変わっていきます。

まとめ

色はRGBという形式で設定できる。
RはRed(赤)、GはGreen(緑)、BはBrue(青)の略で、赤・緑・青の色の強さ・弱さで表現できる。
rrを赤、bbを青、ggを緑とすると、#rrbbggの形式で2桁ずつ設定する。
範囲は00～ffでffが強く、00が弱い設定になる。

HTML講座

初心者講座

ホームページ作成講座

スタイルシート講座

スポンサードリンク

HTML辞典

ページ
テキスト
文字
リスト
イメージ
リンク
テーブル
フレーム

Copyright© ゼロからはじめるホームページ作成講座 All Rights Reserved. 　サイトマップ