CSSの法定色値

CSSの色

CSSの色は、次の方法で指定できます。

• 16進数の色
• 透明度のある16進数の色
• RGBカラー
• RGBAカラー
• HSLカラー
• HSLA色
• 事前定義/クロスブラウザの色名
• キーワードcurrentcolor付き

16進数の色

16進色は、＃RRGGBBで指定されます。ここで、RR（赤）、GG（緑）、およびBB（青）の16進整数は、色のコンポーネントを指定します。すべての値は00からFFの間でなければなりません。

たとえば、青のコンポーネントは最高値（ff）に設定され、他のコンポーネントは00に設定されているため、＃0000ffの値は青としてレンダリングされます。

透明度のある16進数の色

16進色は、＃RRGGBBで指定されます。透明度を追加するには、00とFFの間に2桁の数字を追加します。

RGBカラー

RGBカラー値は、次の構文を持つrgb（）関数で指定されます。

rgb(red, green, blue)

各パラメーター（赤、緑、青）は色の強度を定義し、0〜255の整数、またはパーセンテージ値（0％〜100％）にすることができます。

たとえば、青のパラメータが最大値（255）に設定され、他のパラメータが0に設定されているため、rgb（0,0,255）の値は青としてレンダリングされます。

また、次の値は等しい色を定義します：rgb（0,0,255）とrgb（0％、0％、100％）。

RGBAカラー

RGBAカラー値は、オブジェクトの不透明度を指定するアルファチャネルを使用したRGBカラー値の拡張です。

RGBA色は、次の構文を持つrgba（）関数で指定されます。

rgba(red, green, blue, alpha)

alphaパラメータは、0.0（完全に透明）から1.0（完全に不透明）までの数値です。

HSLカラー

HSLは、色相、彩度、明度を表し、色の円筒座標表現を表します。

HSL色値は、次の構文を持つhsl（）関数で指定されます。

hsl(hue, saturation, lightness)

色相はカラーホイールの度数（0から360）-0（または360）は赤、120は緑、240は青です。飽和度はパーセンテージ値です。0％は灰色の陰影を意味し、100％はフルカラーを意味します。明るさもパーセンテージです。0％は黒、100％は白です。

HSLAカラー

HSLAカラー値は、オブジェクトの不透明度を指定するアルファチャネルを使用したHSLカラー値の拡張です。

HSLAカラー値は、次の構文を持つhsla（）関数で指定されます。

hsla(hue, saturation, lightness, alpha)

alphaパラメータは、0.0（完全に透明）から1.0（完全に不透明）までの数値です。

事前定義/クロスブラウザの色の名前

140色の名前は、HTMLおよびCSSの色の仕様で事前定義されています。

例：blue、、、、redなど：coralbrown

currentcolorキーワード

currentcolorキーワードは、要素のcolorプロパティの値を参照します。