色は赤、緑、青の光を組み合わせて表示されます。
色名
CSSを使用すると、色が色名を使用して設定することができます。
CSSカラー値
CSSを使用すると、色が異なる方法で指定することができます。
- 色名で
- RGB値として
- 16進数値として
- HSL値として(CSS3)
- HWB値(CSS4)として、
RGBの色
RGBカラー値は、すべてのブラウザでサポートされています。
RGB(赤、緑、青):RGBカラー値で指定されます。
(赤、緑、青)各パラメータには、0〜255の整数として色の強度を定義します。
青色のパラメータがその最高値(255)に設定され、その他は0に設定されているため、例えば、RGB(0,0,255)は、青色としてレンダリングされます。
グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。
進色
16進数のカラー値は、すべてのブラウザでサポートされています。
#RRGGBB:16進数のカラーがで指定されています。
RR(赤)、G-G(緑)、B-B(青)の色の強さを指定する00からFFまでの16進整数です。
青色成分がその最高値(FF)に設定されており、他の人が00に設定されているため、例えば、#1 0000FFは、青で表示されます。
例
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
»それを自分で試してみてください グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。
例
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
»それを自分で試してみてください 大文字または小文字?
あなたは16進数を指定するには、大文字または小文字を使用することができます。
小文字の書き込みが簡単です。 アッパーケース読みやすくなります。 |
色名
CSSは、140標準色名をサポートしています。
次の章では、16進数で色名のアルファベット順リストを見つけるでしょう。
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |