お問い合わせ
  • HTML

29 cssで文字色を変える

colorプロパティ

文字の色を変更するには、colorプロパティを使用します。色を指定する方法は、「色名」での指定、「16進数」での指定の2種類のやり方があります。

colorプロパティ

色名での指定

CSS3では、147種類の「色名(カラーネーム)」を使用できます。例えば、赤は「red」、青は「blue」、白なら「white」、黒なら「ブラック」といった風になります。
文字色を赤にしたい時の記述は以下のようになります。

色名での指定

HTMLファイルを上書き保存して、ブラウザで表示すると文字色が赤くなっているはずです。

16進数での指定

色名での指定のほかに、「6桁の16進数(カラーコード)」を使った指定があります。今度はカラーコードで文字色を赤(red)にしてみたいと思います。

16進数での指定

色名での指定のほかに、「6桁の16進数(カラーコード)」を使った指定があります。今度はカラーコードで文字色を赤(red)にしてみたいと思います。

このページのまとめ

  • 文字色の指定にはcolorプロパティを使用する。
  • colorプロパティの指定には、色名(カラーネーム)での指定と、16進数(カラーコード)を使った2通りの指定方法がある。
  • 色名では147種類、16進数では約1677万色の色が指定できる。
  • 16進数のアルファベットは大文字でも小文字でも構わない。

Contact Us

Web制作、Webマーケティング、SFA・MA導入支援に関するお悩みがある方は、お気軽にご相談ください。

お問い合わせ・ご相談

ホームページ制作、マーケティングにおける
ご相談はお気軽にご連絡ください。

資料請求

会社案内や制作事例についての資料を
ご希望の方はこちらから。

お電話でのお問い合わせ

お電話でのご相談も受け付けております。

※コールセンターに繋がりますが、営業時間内は即日
担当より折り返しご連絡をさせて頂きます。