ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

色について


スタイルシートでの色の指定方法には以下の方法があります。

私の場合は#RRGGBB値かカラー名をよく使っています。

下のソース例ではいきなりスタイルシートを使っていますが、説明は後で出てきますのでご安心ください。

スタイルシートで使える色の指定方法
種類説明
#RRGGBBR(赤)、G(緑)、B(青)の値を16進数(数字とA〜F)をつかって、それぞれ2桁で指定します。
理論上は、約1670万色表現できます。
#RGBR(赤)、G(緑)、B(青)の値を16進数(数字とA〜F)をつかって、それぞれ1桁で指定します。
理論上は、約4100色表現できます。
カラー名redやblueなどのカラー名で指定します。
rgb(n,n,n)R(赤)、G(緑)、B(青)の値を10進数(0〜255)で指定します。
理論上は、約1670万色表現できます。
rgb(n%,n%,n%)赤、緑、青の各色の強さをパーセントで指定します。


RGB値と色の対応は色彩情報にあります。

表示例
#ff0000
#f00
red
rgb(255,0,0)
rgb(100%,0%,0%)

ソース ↑の部分のみ
<span style="color:#ff0000">#ff0000</span>
<span style="color:#f00">#f00</span>
<span style="color:red">red</span>
<span style="color:rgb(255,0,0)">rgb(255,0,0)</span>
<span style="color:rgb(100%,0%,0%)">rgb(100%,0%,0%)</span>



<< 「単位について」へ     文字の装飾の「文字のサイズを指定する」へ >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>色について

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved