CSSの「RGBA」各文字の意味とは？ 透明度の指定方法を解説
CSS デザイン フロントエンド
結論
RGBAは「光の三原色（赤・緑・青）」に「透明度（アルファ）」を加えた指定方法です。
- R: Red（赤）
- G: Green（緑）
- B: Blue（青）
- A: Alpha（透明度）
各値の範囲
- R, G, B はそれぞれ
0から255までの数値で指定します。 - A (Alpha) は
0.0(完全な透明) から1.0(完全な不透明) までの小数で指定します。
/* 例: 半透明の赤色 */
background-color: rgba(255, 0, 0, 0.5);カラーコードを変換してみよう
最近では rgba() だけでなく、HEX（16進数）カラーコードの末尾に透明度を追加した #RRGGBBAA 形式もよく使われます。
以下のツールで、RGBAとHEX形式を相互に変換して挙動を確かめてみましょう。