文字
分享

说明:

RGB(R,G,B)

取值:

  • R:红色值。正整数 | 百分数

  • G:绿色值。正整数 | 百分数

  • B:蓝色值。正整数 | 百分数

说明:

RGB记法。
  • 以上三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。

  • 超出范围的数值将被截至其最接近的取值极限。如:rgb(300,0,0)会被解析为rgb(255,0,0)

  • 正整数值255对应百分比数值100%,如:rgb(255,255,255) = rgb(100%,100%,100%) = #FFFFFF = #FFF

  • RGB色彩是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化和它们相互之间的叠加来得到各式各样的颜色的。

  • 此RGB色彩模式与#RRGGBB/#RGB(HEX)不同。

兼容性:

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0+2.0+4.0+3.1+3.5+3.2+2.1+18.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>RGB_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

.foreground { color: rgb(255, 0, 0); }

.background { background-color: rgb(128, 128, 128); }

.percent-color { background-color: rgb(50%, 50%, 50%); }

</style>

</head>

<body>

<ul class="test">

    <li class="foreground">红色的文字</li>

    <li class="background">灰色的背景</li>

    <li class="percent-color">能看到此行背景说明你的浏览器支持RGB记法使用百分数值</li>

</ul>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:HEX下一篇:RGBA