色

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

CSSで色を指定するには、コードで指定、RGBで指定、色名で指定の3つの方法があります。

コードで色を指定する

色をカラーコードで指定するには、半角のシャープ（#）の後に続けて、赤→緑→青の順で16進数で0～Fまでの色の値を指定します。
なお、英字は大文字でも小文字でも構いません。

#FFFFFF

上記は白をあらわしています。
カラーコードを6桁であらわすときは、2桁ずつ、赤・緑・青の値を指定します。
値が大きくなるほど明るくなり、小さくなるほど暗くなります。

例えば、赤の部分だけ最大値にして後をゼロにすると、色は赤になります。

#FF0000

#FFF

上記でも白をあらわしています。
3桁で色を指定する場合は、1桁ずつが、赤・緑・青を示しています。

6桁よりも色数は少なくなります。

rgb(値,値,値)という指定方法です。
それぞれの値は、赤,緑,青の順になっており、0～255の数値で指定する方法と、0～100%で指定する方法があります。

rgb( 255, 255, 255 )
rgb( 100%, 100%, 100% )

上記はどちらも白をあらわしています。

予め設定されている色名を指定して表現することもできます。

white

上記の色名を指定すると、白になります。

色名については、「色名一覧」をご覧ください。

UpDate:2010-11-21

〔Amazonの書籍紹介ページを開きます〕

実践的内容のCSS＋XHTMLの解説書。よくわからずにCSSを使っていた、というような初心者にとくにお奨めです。若干雑なつくりが気になりますが、ウェブ制作者のノウハウも知ることができます。

内容が正確で説明が丁寧なXHTMLとCSSの解説書。異なるブラウザ間での互換性の保持やアクセシビリティを考慮したつくりにも触れています。ボリュームがあり辞典的な使い方ができます。

HTML文書をつくる上で辞典の存在は欠かせません。ウェブ上で調べればいいと思う人もいるかもしれませんが、やはり傍らにおいてすぐに調べられるようにしておくと作業は早くなります。中級者向け。

ウェブデザイン、ウェブサイト作成の初心者～中級者向けの本。丁寧なつくりでHTMLの要素、CSSのプロパティ解説ページにおいても関連ページの表記を細かく行っています。

CSS、Flash、XHTML、Ajax等、ウェブデザインの全容を確認・勉強できる、ウェブデザイン初心者のための本。実際のコーディングに関しての説明は少なく、HTMLなどの知識は別途勉強する必要があります。

実際に一つのウェブサイトをつくる過程を経験しながらHTMLやCSSを理解していくスタイルをとっている本。初心者向けで非常にわかりやすい構成です。

中級者以降向け。独学でDreamweaver を使ってきた人など、実は便利な機能があることや正しい使い方を知らない、という人に向いています。本書はCS3を想定してかかれていますが、それ以外のバージョンであっても読むことはできます。

ウェブサイトの制作に沿った形で参照できるDreamweaver の解説本。逆引きリファレンスのような感覚で、知りたい箇所から読んで理解することができる、非常に分かりやすい本。初心者～中級者向け。

ウェブ制作の必携ツール・・・といったら大袈裟かもしれませんが、HTMLとCSSを一通り覚えたら、Dreamweaver を使って制作した方が圧倒的に楽になります。バージョンアップするごとに確実に使い勝手は向上しています。