CSS rgb()関数

定義と使用法

CSSの rgb() 関数を使用して、赤-緑-青（RGB）色モデルで色を指定します。オプションの透明度チャンネル（色の透明度を表す）を追加することもできます。

RGB色値は以下の方法で指定されます。 rgb(red green blue相対値の構文 指定します。各パラメータはその色の強度を定義し、0から255の整数または0%から100%の百分比值で指定できます。

例えば、rgb(0 0 255)の値は青色を呈示します。なぜなら、青色のパラメータが最大値（255）に設定され、他のパラメータが0に設定されているからです。

注意：rgba() 注意： rgb() rgba() rgb() 関数は

関数の別名。推奨使用

関数。

例
異なるRGB(A)色を定義します：
#p1 {background-color:rgb(255 0 0);} /* 赤色 */
#p2 {background-color:rgb(0 255 0);} /* 緑色 */
#p3 {background-color:rgb(0 0 255);} /* 青色 */
#p4 {background-color:rgb(192 192 192);} /* 灰色 */
#p5 {background-color:rgb(255 255 0);} /* 黄色 */
#p6 {background-color:rgb(255 0 255);} /* チョコレート色 */

#p7 {background-color:rgb(255 0 255 / 0.2);} /* 透明度を持つチョコレート色 */

#p8 {background-color:rgb(0 0 255 / 50%);} /* 透明度を持つ青 */

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

CSSの構文

絶対値の構文

rgb(R G B / A) 説明 キーワードfromで始まり、元の色を示す色値が続きます。 G B / A相対値の構文

技術的詳細

ブラウザのサポート

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