仕様書

• [2] CSS Color Module Level 3 (2011-06-07 21:54:38 +09:00 版) <http://www.w3.org/TR/2011/REC-css3-color-20110607/#hsla-color>

hsla()

[5] hsla() 関数は、

• [6] hsla(
• [7] hsl() 同様に H、S、L を表す3つの値
• [8] 読点
• [9] <alphavalue>
• [10] )

... で構成されます。 >>2

[11] H, S, L, <alphavalue> の前後には空白を挿入できます。 >>2

[12] 関数名は大文字でも小文字でも構いませんし、escape することもできます。

色空間と色域

[14] 利用者エージェントは、 H, S, L の値を hsl() 関数の場合と同様に装置の色域に応じてくりぬきしなければなりません。 >>2

[15] また <alphavalue> も正規化されます。

構文解析

[1] Firefox 3 では、 a の値が 1 以上なら構文解析時に rgb() に置き換えられ、 0 以下なら構文解析時に a が 0 の rgba() に置き換えられます。

例

• [4] hsla(120, 100%, 50%, 1)

これは不透明度が 1 で完全に不透明なので、 hsl(120, 100%, 50%) (緑) と同じ色を表します。 >>2