CSS rgba()関数

例

不透明度を持つ異なるRGB色（RGBA）を定義します：

#p1 {background-color:rgba(255,0,0,0.3);} /* 透明度を持つ赤色 */
#p2 {background-color:rgba(0,255,0,0.3);} /* 透明度を持つ緑色 */
#p3 {background-color:rgba(0,0,255,0.3);} /* 透明度を持つ青色 */

実際に試してみてください

定義と使用法

rgba()関数はRed-green-blue-alpha (RGBA)モデルを使用して色を定義します。

RGBA色値はRGB色値の拡張で、不透明度を指定できるアルファチャンネルを持ちます。

バージョン： CSS3

ブラウザのサポート

テーブルの数字は、その機能を完全にサポートする最初のブラウザのバージョンを示しています。

関数
rgba() 1.0 9.0 3.0 3.1 10.0

CSS文法

rgba(red, green, blue, アルファ)
値 説明
red 赤色の強度を0から255の整数または0％から100％の百分比值で定義します。
green 緑色の強度を0から255の整数または0％から100％の百分比值で定義します。
blue 青色の強度を0から255の整数または0％から100％の百分比值で定義します。
アルファ 不透明度被定义为介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。