[CSS] カラーコードで透明度を指定する方法

CSSで透明度付きの色を指定するには、rgba() を使う方法と、8桁のカラーコード（#RRGGBBAA）を使う方法の2種類があります。
それぞれの特徴と使い分けを分かりやすく解説します。

rgba() で透明度を指定する

rgba() は、赤（R）・緑（G）・青（B）に透明度（A）を加えた指定方法です。

透明度は0.0から1.0の範囲で指定し、0に近いほど透明になり、1で不透明になります。
例えば、0.5は50%の透過度（半透明）を表します。

透明度を直感的に調整できるのがメリットです。
ただし、カラーコードしか分からない場合、RGBへの変換が必要になるため、やや手間に感じる場合があります。

カラーコード（#RRGGBBAA）で透明度を指定する

6桁のカラーコード（#RRGGBB）に、透明度（AA）を表す2桁の16進数を加えた8桁のカラーコード（#RRGGBBAA）で指定します。

末尾の80が透明度で、50%の透過を意味します。