CSS RGB 顏色
RGB 顏色值表示紅、綠、藍三種光源。
RGB 值
在 CSS 中,顏色可以透過 RGB 值指定,使用以下公式
rgb(紅, 綠, 藍)
每個引數(紅、綠、藍)定義了顏色強度,範圍在 0 到 255 之間。
例如,rgb(255, 0, 0) 顯示為紅色,因為紅色被設定為最高值 (255),而其他值設定為 0。
要顯示黑色,請將所有顏色引數設定為 0,例如:rgb(0, 0, 0)。
要顯示白色,請將所有顏色引數設定為 255,例如:rgb(255, 255, 255)。
嘗試混合下面的 RGB 值
紅色
255
綠色環保
0
藍色
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)
自己動手試一試 »
灰色調通常使用所有三種光源的相同值來定義
示例
rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)
自己動手試一試 »
RGBA 值
RGBA 顏色值是 RGB 顏色值的擴充套件,帶有一個 alpha 通道 - 用於指定顏色的不透明度。
RGBA 顏色值指定為
rgba(紅, 綠, 藍, alpha)
alpha 引數是一個介於 0.0(完全透明)和 1.0(完全不透明)之間的數字。
嘗試混合下面的 RGBA 值
紅色
255
綠色環保
0
藍色
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)
自己動手試一試 »
影片:CSS 顏色 RGB & RGBA

