理论教育 HTML颜色单位:RGB和颜色名称-网页设计与制作

HTML颜色单位:RGB和颜色名称-网页设计与制作

时间:2023-11-04 理论教育 版权反馈
【摘要】:在HTML中,要使用RGB方式指定颜色时,使用一个“#”号,加上6个十六进制的数字表示,表示方法为#RRGGBB。这种方法共可表示256×256×256种颜色,即16M种颜色。例如:div{color:rgb}div{color:rgb}3.用颜色名称方式表示颜色值与HTML相同,CSS也提供了用颜色名称表示颜色的方式。

HTML颜色单位:RGB和颜色名称-网页设计与制作

在HTML网页或者CSS样式的颜色定义里,设置颜色的方式是RGB方式。在RGB方式中,所有颜色均由红色(Red)、绿色(Green)、蓝色(Blue)3种颜色混合而成。

在HTML标记中,只提供了两种设置颜色的方法:十六进制数和颜色名称。在CSS中提供了3种定义颜色的方法:十六进制数、rgb函数(整数或百分数)和颜色名称。

1.用十六进制数方式表示颜色值

在计算机中颜色的强度用0~255表示。当所有颜色的强度为0时,将产生黑色;当所有颜色的强度为255时,将产生白色。

在HTML中,要使用RGB方式指定颜色时,使用一个“#”号,加上6个十六进制的数字表示,表示方法为#RRGGBB。其中前两个数字代表红光强度(Red),中间两个数字代表绿光强度(Green),后两个数字代表蓝光强度(Blue)。以上3个参数的取值范围为00~FF,参数必须是两位数。当只有一位时应在前面补零。这种方法共可表示256×256×256种颜色,即16M种颜色。而红色、绿色、黑色、白色的十六进制设置值分别为:#ff0000、#00ff00、#0000ff、#000000、#ffffff。例如:

div{color:#ff0000}

如果每个参数各自在两位上的数字都相同,也可缩写为#RGB的方式。例如:#FF8800可以缩写为#F80。

网页安全色是指使用256色模式时,无论在Windows还是在Macintosh系统中,用Netscape Navigator和MicrosoftIE浏览器都显示相同的颜色。有216种常见颜色,而且任何结合了00、33、66、99、CC或FF对(RGB值分别为0、51、102、153、204和255)的十六进制值都代表网页安全色。

2.用rgb函数方式表示颜色值(www.daowen.com)

在CSS中,可以使用rgb函数设置出所需要的颜色。其语法格式为:rgb(R,G,B)。

其中,R为红色值,G为绿色值,B为蓝色值。3个参数可取正整数值或百分数值,正整数值的取值范围为:0~255;百分数值的取值范围为颜色强度的百分比:0.0%~100.0%。例如:

div{color:rgb(132,20,180)}

div{color:rgb(12%,200,50%)}

3.用颜色名称方式表示颜色值

与HTML相同,CSS也提供了用颜色名称表示颜色的方式。例如:

div{color:red}

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈