CSSの色
カラー値
CSSでは、24ビットの色を指定します（つまり、16,777,216色の！）あなたのデザインを盛り上げるのに、テキストの色、背景色、境界線の色などのプロパティにすることができます。のいずれか（赤、緑、青）の表記赤い色の名前を、16進数表記または RGBを使用することができます。
CSSの色の名前
物事を簡単に、CSSの100 の拡張色の名前と同様に平易な英語で16の標準色の名前が含まれて確認してください。ここで標準的なもののリストです：
| 色名 | 出力 |
|---|---|
| aqua | |
| black | |
| blue | |
| fuchsia | |
| gray | |
| green | |
| lime | |
| maroon | |
| navy | |
| olive | |
| purple | |
| red | |
| silver | |
| teal | |
| white | |
| yellow |
また、いずれかをnoneまたは任意の色を図面から要素を防ぐために透明色の値を設定することができます（これを介して表示されるの背後に、他の要素）。
16進数の色
ただし、色の名前はかなりも便利になる、彼らはあまりにもすべてのデザインに合わせていくつかしています。 24日のフルレンジを活用するために16進数の値を使用することができますビットの色。
16進数の色は、＃記号は、6桁の16進数のように続いて構成されて#ff065c 。最初の2桁は、2番目のペアは、3番目の緑、赤の色成分を表す青色のコンポーネントです。その値は00 ffにから、範囲で指定できます#000000黒されて#ffffff白ている。
| 色の16進 | 出力 |
|---|---|
| #000 | |
| #3b948d | |
| #aed527 | |
| #ff7612 | |
| #fff |
たぶんあなたは私が書いた気づいた#000の代わりに#000000黒い色を表示する。この状態は、各ペアの数字は一度だけの場合、各ペアは、同じ桁数は、構成されて省略表記です。たとえば、 #eeeeeeのように記述することができます#eee 、 #3399cc 〜のように#39cなどなど。このたびお客様のCSSコードのサイズを縮小することが可能に使用します。
RGBカラー
しかし最後には、少なくともまた、色の値は 、RGB モデルを使って指定することができます（緑、青、赤）。これは基本的には16進数の色のようなのではなく、0から255までの各色のコンポーネントのように10進数の値を使って16進数のペアのrgb(red,green,blue) 。
| RGBカラー | 出力 |
|---|---|
| rgb(0,0,0) | |
| rgb(59,148,141) | |
| rgb(174,213,39) | |
| rgb(255,118,18) | |
| rgb(255,255,255) |
あなたは既にRGB記法長いコードを生成見ることができる16進数表記以外はまったく同じことをやって。 RGBのはほとんど 16以上使用されてこのような理由について。 RGBと16進形式でほとんどのグラフィックソフトウェアの表示色をとにかく。
テキストの色
colorプロパティは、 テキストの色を変更するために使用することができます。これはテキストを含む任意のHTML要素に適用することができます。
CSSの色
出力
背景色
background-colorプロパティは、ほぼすべてのHTML要素の背景色を変更するために使用することができます。