このページはEtoJ逐語翻訳フィルタによって翻訳生成されました。

翻訳前ページへ


色・スタイルシート・ホームページ作成
ホームページ作成・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%)

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



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



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

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