CSS rgb() 関数

CSS 函数CSS 関数

例

RGB 色を使用：

#p1 {background-color:rgb(255,0,0);} /* 红 */ #p2 {background-color:rgb(0,255,0);} /* 绿 */ #p3 {background-color:rgb(0,0,255);} /* 蓝 */

試してみる »

定義と使い方

rgb() 関数は、赤(R)、緑(G)、青(B) の3色の重ね合わせでさまざまな色を生成します。

RGB とは、赤、緑、青のことです（英語: Red, Green, Blue）。

  • 赤（R）0 から 255 までの整数で、色の中の赤の成分を表します。
  • 緑（G）0 から 255 までの整数で、色の中の緑の成分を表します。
  • 青（B）0 から 255 までの整数で、色の中の青の成分を表します。

対応バージョン：CSS2

ブラウザサポート

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

関数
rgb() 1.0 4.0 1.0 1.0 3.5

CSS 構文

rgb(red, green, blue)
值 説明
red 赤の値を定義します。範囲は 0 ～ 255 で、パーセント 0% ～ 100% も使用できます。
green 緑の値を定義します。範囲は 0 ～ 255 で、パーセント 0% ～ 100% も使用できます。
blue 青の値を定義します。範囲は 0 ～ 255 で、パーセント 0% ～ 100% も使用できます。

CSS 函数CSS 関数

その他の拡張