CSS RGB カラー

RGB値

CSSでは、以下の公式を使用してRGB値として色を指定できます：

rgb(red, green, blue)

各パラメータ（red、green および blue)は0から255までの色の強度を定義します。

例えば、rgb(255, 0, 0)は赤色として表示されます。なぜなら、赤色が最大値（255）に設定され、他は0に設定されているからです。

黑色を表示するには、すべての色パラメータを0に設定してください：rgb(0, 0, 0)。

白色を表示するには、すべての色パラメータを255に設定してください：rgb(255, 255, 255)。

以下のRGB値をミックスして実験してください：

　

RED

255

GREEN

0

BLUE

0

例

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

自分で試してみる

通常、3つの光源すべてに等しい値を使用して灰色の影を定義します：

例

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

自分で試してみる

RGBA値

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

RGBA カラーバリューは指定されます：

rgba(red, green, blue, alpha)

alpha パラメータは 0.0（完全に透明）から 1.0（完全不透明）までの数字です：

以下の RGBA 値をミックスして実験してください：

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

例

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

自分で試してみる