CSS rgba() 関数

CSS 関数

例

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() 関数は、赤(R)、緑(G)、青(B)、透明度(A)の組み合わせでさまざまな色を生成します。

RGBA は、赤、緑、青、透明度（英語：Red, Green, Blue、Alpha）を意味します。

  • 赤（R）0 から 255 までの整数で、色の中の赤の成分を表します。
  • 緑（G）0 から 255 までの整数で、色の中の緑の成分を表します。
  • 青（B）0 から 255 までの整数で、色の中の青の成分を表します。
  • 透明度（A）値は 0 から 1 の間で、透明度を表します。

対応バージョン：CSS3

ブラウザ対応

表内の数字は、その関数をサポートする最初のブラウザバージョンを示します。

関数
rgba() 1.0 4.0 1.0 1.0 3.5

CSS 構文

rgba(red, green, blue, alpha)
值 説明
red 赤の値を定義します。値の範囲は 0 ～ 255 で、パーセンテージ 0% ～ 100% も使用できます。
green 緑の値を定義します。値の範囲は 0 ～ 255 で、パーセンテージ 0% ～ 100% も使用できます。
blue 青の値を定義します。値の範囲は 0 ～ 255 で、パーセンテージ 0% ～ 100% も使用できます。
alpha - 透明度 透明度 0（完全に透明）～ 1（完全に不透明）を定義します。

CSS 関数

その他の拡張