RGBAは色の値や透明度を設定できるCSSカラーです
以下は rgba() を使用して 50% の透明度を設定した白です。
p {
色: rgba(255, 255, 255, 0.5);
}
RGBA は RGB カラー モデルの拡張です。この頭字語は、赤、緑、青の三原色の頭文字を表し、アルファ値は色の透明度/不透明度を表します。
RGBA 構文
RGBA カラー表現の形式は次のとおりです。
rgba(赤、緑、青、アルファ)
最初の 3 つの値 (赤、緑、青) の範囲は、0 ～ 255 の整数または 0% ～ 100% のパーセンテージです。これらの値は、目的の色における赤、緑、青の 3 原色の量を表します。
純粋な赤を設定する場合は、赤のパラメータをフル、つまり 255 に設定し、緑と青のパラメータを 0 に設定します。
背景色: rgba(255, 0, 0, 1);
結果：
パーセントも使用できます。
背景色: rgba(100%, 0%, 0%, 1);
結果：
4 番目の値 alpha は、色の透明度/不透明度を指定し、範囲は 0.0 ～ 1.0 です。
次の例は、透明度 50% の黄色です。
色: rgba(255, 242, 0, 0.5);
CSS の半透明性は、Firefox、IE、Chrome と互換性があります。現在のブラウザのバージョンは比較的高いです。あなたのプロジェクトで自由に使用できます。