rgb()

rgb() 関数記法は、赤、緑、青の成分によって色を表現します。オプションのアルファ成分は、色の透明度を表します。

試してみましょう

メモ: CSS Colors Level 4 では、 rgb() にいくつかの変更が加えられました。標準の rgba() が rgb() の別名として受け入れられているブラウザーでは、同じ引数を受け入れ、同じように動作させます。

レベル 4 の仕様では、カンマ区切りの他に空白区切りの値も認められています。

構文

css

rgb(255, 255, 255) /* 白 */
rgb(255, 255, 255,.5) /* 透明度 50% の白 */
rgb(255 255 255) /* CSS Colors 4 の空白区切りの値 */
rgb(255 255 255 / .5); /* 透明度 50% の白、 CSS Colors 4 の空白区切りの値 */

値

関数記法: rgba(R, G, B[, A]): R（赤）、G（緑）、B（青）は <number> または <percentage> で、数値 255 は 100% に相当します。A（アルファ）は 0〜1 の <number> または <percentage> で、数値 1 は 100% （完全に不透明）に相当します。
関数記法: rgba(R G B[ / A]): CSS Colors Level 4 は関数記法に空白区切りの値の対応を追加しています。

ブラウザーの互換性

BCD tables only load in the browser