CSS

A method to specify colors with transparency.

rgba()

rgba()は、色と透明度を同時に指定できるCSSの機能です。

色は赤・緑・青の3つの数字（0～255）で指定し、透明度は0（完全に透明）～1（完全に不透明）の間の数字で指定します。

たとえば：

CSS

background-color: rgba(255, 0, 0, 0.5);

この例では、赤色（255, 0, 0）に透明度0.5を指定しています。つまり、半透明の赤色になります。

透明な色を使えば、背景画像や他のデザインを透かして見せることができ、柔らかい印象や重なり効果を簡単に作れます。

色指定の順番は次の通りです：