CSS カラーの使用手順 color_Basic チュートリアル

赤

rgb(255,0,0) と同等

rgb(100%,0%,0%) と同等

#ff0000
同等
#f00 へ
あらかじめ決められた 17 色があります:
アクア、ブラック、ブルー、フクシア、グレー、グリーン、ライム、マルーン、ネイビー、
オリーブ、オレンジ、パープル、レッド、シルバー、ティール、ホワイト、イエロー。
透明も正しい値です。

rgb の 3 つの値は 0 ～ 255 で、0 が最低レベル、255 が最高レベルです。これらの値はパーセンテージにすることもできます。

通常、基数 10、つまり 0 ～ 9 を使用しますが、16 進数では基数 16、つまり 0 ～ f が使用されます。

3 桁または 6 桁の 16 進数の長さの前に # 文字が付きます。3 桁の長さは 6 桁の圧縮形式です。たとえば、#f00 は ff0000 の圧縮で、#c96 は #cc9966 です。 3 桁は rgb のように、1 番目が赤、2 番目が緑、3 番目が青というように理解しやすいです。ただし、6 桁にすると、より多くの色を制御できます。

カラーと背景色

色の場合は、カラーと背景色を使用できます。アメリカ英語では、「カラー」は「カラー」ではありません。
青色の背景、黄色のテキスト:


h1 {
カラー: 黄色;
背景色: 青;
}
これらの色は粗いかもしれません。別の色を使用できます:


body {
font-size: 0.8em;
color: ネイビー;
}
h1 {
color: #ffc;
background-color: #009;
}
h1 が黄色と青に変わっているのがわかります。
カラーと背景色は、本文を含むほとんどの HTML 要素で使用できます。