RGBA の「a」は何を意味するのでしょうか? CSS RGBA カラー ガイド

RGBAは色の値と透明度を設定できるCSSカラーです

以下は、rgba() を使用して白色を 50% の透明度に設定する例です。

ｐ {
色: rgba(255, 255, 255, 0.5);
}

RGBA は RGB カラー モデルの拡張です。この頭字語は、赤、緑、青の 3 つの原色の頭文字を表し、アルファ値は色の透明度/不透明度を表します。

RGBA 構文

RGBA カラー表現の形式は次のとおりです。

rgba(赤、緑、青、アルファ)

最初の 3 つの値 (赤、緑、青) の範囲は、整数で 0 ～ 255、パーセンテージで 0% ～ 100% です。これらの値は、意図した色に存在する赤、緑、青の 3 つの原色の量を表します。
純粋な赤を設定する場合は、赤のパラメータを 255 に設定し、緑と青を 0 に設定します。

背景色: rgba(255, 0, 0, 1);

結果：

パーセンテージも使用できます。

背景色: rgba(100%, 0%, 0%, 1);

結果：

4 番目の値 (アルファ) は、色の透明度/不透明度を指定し、範囲は 0.0 ～ 1.0 です。

次の例では、黄色の透明度を 50% に設定します。

色: rgba(255, 242, 0, 0.5);

CSS の透過性は Firefox、IE、Chrome と互換性があり、現在のブラウザのバージョンは比較的高いです。安心してプロジェクトにご使用いただけます。