HSLAカラー値（HSLA color values）

HSLカラーにも、色の不透明度（alpha）を指定することができます。次の例は、同じ色を示しています。

em { color: hsl(120, 100%, 50%); }      /* green */
em { color: hsla(120, 100%, 50%, 1); }   /* 不透明度に1が指定してあります */

関数表記の HSLA 値の形式は、" hsla( " のすぐ後に、カンマで区切って3つの値（色相は角度、彩度と輝度はパーセンテージ）を指定し、続いてアルファ値（0.0～1.0）を指定して " ) " で閉じます。 ※ 数値の前後には空白スペースを入れることもできます。

span { color: hsla(240, 100%, 50%, 0.5); } /* 半透明の青 */
span { color: hsla(30, 100%, 50%, 0.1); }  /* 非常に透明なオレンジ */

<span> 半透明の青 </span>
<span> 非常に透明なオレンジ </span>

半透明の青非常に透明なオレンジ

※ フォントサイズを36ptに指定しています。