文字に色を付けたい！

更新：2007-05-28

新規投稿ページで、
記事の文字に色を付けたい場合はどうすればいいのでしょうか？

まず、記事を書きます。

そして、文字の色を付けたい部分を「タグ」と言われる表記ではさみます。

この場合wiki文法にチェックは必要ありません。
そのまま記入してください。

[タグの記入]
[Webセーフカラー２１６色の(16進法)]

タグの記入

例えば「テキスト文字」という文字列に色を付けたい場合は次のようにします

<FONT color="#○○○○○○">テキスト文字</FONT>

というように
<FONT color="#○○○○○○">
と
</FONT>
ではさみます。

そして#と○○○○○○の部分に６桁の数字を入れて表します。

例えば黒色の場合は
黒色

<FONT color="#000000">テキスト文字</FONT>

見え方

例えば赤色の場合は
赤色

<FONT color="#ff0000">赤色</FONT>

見え方

1.ここでは、開始タグ（FONT）や終了タグ（/FONT）の要素名の「FONT」の部分を大文字で、属性名「color」を小文字で、属性値(#ff0000)を小文字で見やすいようにとしていますが、現在のYahooブログの場合大文字でも小文字でも構いません。

将来的には全て小文字で記入した方がいいかもしれません。

要素と属性の間には、「半角スペース」を必ず入れてください。

パソコンの表示色数とブラウザが対応していれば、この表記で表される色数は256x256x256=約16万色以上になります。

（現在、販売されている殆どのパソコンが対応しています。）

Webセーフカラー２１６色の(16進法)

Webセーフカラー２１６色とは、殆どのブラウザで同じ色に表現される色です。この#と数字を上記の#○○○○○○として入れて使用するといいでしょう。

#000000 #003300 #006600 #009900 #00CC00 #00FF00 
#000033 #003333 #006633 #009933 #00CC33 #00FF33 
#000066 #003366 #006666 #009966 #00CC66 #00FF66 
#000099 #003399 #006699 #009999 #00CC99 #00FF99 
#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC 
#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF 
#330000 #333300 #336600 #339900 #33CC00 #33FF00 
#330033 #333333 #336633 #339933 #33CC33 #33FF33 
#330066 #333366 #336666 #339966 #33CC66 #33FF66 
#330099 #333399 #336699 #339999 #33CC99 #33FF99 
#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC 
#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF 
#660000 #663300 #666600 #669900 #66CC00 #66FF00 
#660033 #663333 #666633 #669933 #66CC33 #66FF33 
#660066 #663366 #666666 #669966 #66CC66 #66FF66 
#660099 #663399 #666699 #669999 #66CC99 #66FF99 
#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC 
#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF 
#990000 #993300 #996600 #999900 #99CC00 #99FF00 
#990033 #993333 #996633 #999933 #99CC33 #99FF33 
#990066 #993366 #996666 #999966 #99CC66 #99FF66 
#990099 #993399 #996699 #999999 #99CC99 #99FF99 
#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC 
#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF 
#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00 
#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33 
#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66 
#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99 
#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC 
#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF 
#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00 
#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33 
#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66 
#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99 
#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC 
#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF

Webセーフカラー２１６色(秋色？)対応表]
Webセーフカラー２１６色(春色？)対応表]

その他の使えるHTMLタグは

Yahoo!ブログで使えるタグ

この記事は文字に色を付けたい！
更新：2007-05-28

この記事：「文字に色を付けたい！」2007-05-28

以前の記事：「文字に色を付けたい」2005-03-03公開