HOME >> HTML > 文字の色を指定する

point 文字の色を指定する

<FONT color="カラー名かRGB値">〜</FONT>
<FONT>タグのcolor属性を使えば、文字の色を指定することが出来ます。
色の指定は、カラー名かRGB値で指定します。
例えば赤色の文字にしたい所があれば、その範囲を<FONT color="red">赤色にしたい範囲</FONT>のようにカラー名で指定するか、<FONT color="#ff0000">赤色にしたい範囲</FONT>のようにRGB値で指定します。

RGB値とは、赤と緑と青の3色それぞれ混ぜる分量を2桁の16進数(0〜9の10個の数字とa〜fの6個の英字)を使って指定し、いろいろな色を表現する値のことです。「#RRGGBB」(#赤赤緑緑青青)の6桁で表現され、それぞれ16進数で色を設定できるので、16×16×16×16×16×16=16777216色の色が理論上は表現できます。RBG値で色を指定するときは、6桁の英数字の前に#(ハッシュマーク)を忘れずに必ずつけましょう。

前のページでは、<FONT>タグにsize属性をつけて文字の大きさを指定しましたが、<FONT>タグにsize属性とcolor属性の二つを指定することで、文字を大きくして色を変えることも出来ます。その場合の記述は<FONT size="4" color="red">〜</FONT>のように記述します。size属性とcolor属性の順番はどちらが先でもかまいませんが、二つの属性の間には必ずスペースを入れましょう。

基本的なカラー見本
black#000000 gray#808080 silver#c0c0c0 white#ffffff
navy#000080 green#008000 lime#00ff00 blue#0000ff
teal#008080 olive#808000 yellow#ffff00 aqua#00ffff
maroon#800000 purple#800080 magenta#ff00ff red#ff0000
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
1.赤色です
2.青色です
3.赤色です
4.青色です
フォントサイズが5で緑色です
ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<FONT color="red">1.赤色です</FONT><BR>
<FONT color="blue">2.青色です</FONT><BR>
<FONT color="#ff0000">3.赤色です</FONT><BR>
<FONT color="#0000ff">4.青色です</FONT><BR>
<FONT size="5" color="green">フォントサイズが5で緑色です</FONT>
</BODY>
</HTML>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved