CSS

A function to define colors using hue, saturation, lightness, and transparency.

hsla()

hsla()は、色を色相（Hue）・彩度（Saturation）・明度（Lightness）・透明度（Alpha）の4つの要素で指定する方法です。

• 色相（Hue）は「赤、青、黄」といった色味を角度（0〜360°）で表します。
  例：0は赤、120は緑、240は青
• 彩度（Saturation）は色のあざやかさを%で表します。100%が最も鮮やか。
• 明度（Lightness）は明るさで、0%が黒、100%が白です。
• 透明度（Alpha）は不透明度で、0が完全な透明、1が完全に不透明です。

color: hsla(200, 100%, 50%, 0.5);

この例では「鮮やかな青を半透明で表示する」指定になります。

RGBより直感的に色合いを調整できるのが特長です。