HTML5(12)——颜色

HTML5(12)——颜色,第1张

在HTML中,要使用颜色的话,需要用他们的名称来引用。HTML支持大概140种标准颜色,可以看链接: Color Names Supported by All Browsers 。

前面我们在 HTML5(5)——属性 一文中简要提到过style属性,而在 HTML5(8)——样式

一文中详细介绍了 style 的各个property的作用,这里我们用它来控制网页背景颜色,文本颜色等。语法大概如下:

同背景颜色一样设置,其中一些不同。style中属性不同,这里就是 color 属性,值就是颜色名称。

这里就使用 border property,而它的值包括粗细,填充,颜色,你可以使用自己想要的值。

在HTML中,颜色可以用几种类型的值来描述:RGB, HEX, HSL, RGBA 和HSLA。

rgb(red,green,blue) ,每一种参数都是颜色的密度值,范围在0-255之间。例如,rgb(0,0,0)是黑色,rgb(255,255,255)是白色。不同的灰度,是3种颜色相同的情况下的改变。

这是用16进制来表示RGB的三种颜色,也是三种值,范围都在00-ff之间。同样灰度也是用相同的三种颜色的值大小,来表示。

这种颜色的是通过色调,饱和度和亮度,来表示某种颜色。

hsl(hue, saturation, lightness) 。色调的值在0-360之间。0是红色,120是绿色,240是蓝色。饱和度是百分数表示的,0%表示灰色,100%是颜色本身。亮度也是百分数,0%是黑色,50%是适中,100%是白色。灰度是色调和饱和度都为0值,而通过亮度的调节来改变。

这两者都是在RGB和HSL的基础上,增加了第四个参数,透明度(alpha)。透明度的范围在0.0-1.0之间。0.0是全透明,而1.0是不透明。

html网页背景颜色的代码就是background-color;颜色有6种表示方法。

html网页背景颜色的代码:  

( # 00FFFF )海蓝宝石  、( # 7FFFD4 )  湛蓝   、( # F0FFFF )米色 、 ( # F5F5DC )浓汤  、( # FFE4C4 )黑色  、( # 000000 )   blanchedalmond  、 ( # FFEBCD )蓝色   、( # 0000FF ) blueviolet  、( # 8A2BE2 )棕色  、( # A52A2A )   burlywood   、

( # DEB887 ) cadetblue  、( # 5F9EA0 )沙特勒斯  、( # 7FFF00 )巧克力 、 ( # D2691E )  珊瑚   、( # FF7F50 ) cornflowerblue 、 ( # 6495ED ) cornsilk  、( # FFF8DC )深红 、 ( # DC143C )  青色。

颜色有6种表示方法,即英文单词、十六进制、RGB、HSL、HSLA和GRBA。

0到255。

html中的颜色均由三原色(红色、绿色、蓝色)混合而成。其颜色值由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00),最大值是255(十六进制:#FF)。

如果使用RGB值来表示颜色的话,那么表示方式就为:rgb(R,G,B),为了规范和标准,一般采用小写的rgb,括号里边的三个取值分别为R(Red-红色)、G(Green-绿色)、B(Blue-蓝色),刚好对应着红绿蓝三原色,取值范围为0,255。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6164757.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-17
下一篇2023-03-17

发表评论

登录后才能评论

评论列表(0条)

    保存