Funguo ya rgb() ya CSS

Ufafanuzi na matumizi

CSS ya rgb Inafanywa kwa tumisho kwa redi, green na blue (RGB) rangi ya modeli. Inaweza kuongezwa na channel ya viwango vya kuzingatia rangi (inaonyesha viwango vya rangi).

RGB thamani ya rangi inaonyesha kwa sababu ya redi, green na blue (RGB) rangi ya modeli. rgb(red green blue) Inasemekana. Kila parama inasababisha uwezo wa rangi, inaweza kwa thamani ya 0 hadi 255 kama integer au 0% hadi 100% kama faida ya asilimia.

Kwa mfano, rgb(0 0 255) inaonyesha kama rangi ya kiume, kwa sababu rangi ya kiume inaathiriwa na thamani ya kubwa (255), wakati walio wengine wana thamani ya 0.

注意：rgba() 函数是 rgb 函数的别名。建议使用 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)

相对值语法

rgb(from color R G B / A)

技术细节

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。