[CSS] 文字色を指定する(color)

2019年4月29日

文字色を指定するには、colorを使用します。

色の指定にはカラーネームで指定する方法と、カラーコードで指定する方法の2種類があります。

文字色をカラーネームで指定する

定義されているカラーネームで色を指定する方法です。

例)文字色を赤にする

【結果】

あか

文字色をカラーコードで指定する

色の三原色「赤・緑・青」をそれぞれ256段階の割合で指定します。

指定する時は16進数表記にします。例えば赤を指定する場合のそれぞれの割合は、
赤=255、緑=0、青=0 となり、これを16進数に変換すると
赤=ff、緑=00、青=00になるのでこれの先頭に「#」を付ければ
赤のカラーコード(#ff0000)になります。

例)文字色を赤(#ff0000)にする

【結果】

赤色です

備考

  • 主要なカラーネームやカラーコードは以下ページをご覧ください。
    [CSS] 主要色一覧
  • カラーコードで指定する場合、#ffeeddのようにRGB各桁の値が同じ場合に限り以下のように省略指定することができます。
     例)#ffeedd; → #fed; #ffffff; → #fff;

スポンサーリンク

CSS

Posted by tora