美文网首页
CSS合法颜色值

CSS合法颜色值

作者: 旋转前端皮塔牙 | 来源:发表于2020-04-27 16:22 被阅读0次

总结CSS常用的六种合法颜色值

        分别是:十六进制颜色、RGB颜色、RGBA颜色、HSL色彩、HSLA颜色、预定义/跨浏览器的颜色名称。

1.十六进制颜色

        所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。

2.RGB颜色

        RGB颜色值在所有主要浏览器都支持。RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。

        例如RGB(0,0,255)值呈现为蓝色,因为蓝色的参数设置为最高值(255)而其他设置为0。

        此外,下面的值定义相同的颜色:RGB(0,0,255),RGB(0%,0%,100%)。

3.RGBA颜色

        RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。

        RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。

4.HSL颜色

        IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。HSL代表色相,饱和度和亮度 - 使用色彩圆柱坐标表示。

        HSL颜色值指定:HSL(色调,饱和度,明度)。

色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。

5.HSLA颜色

        HSLA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.

        HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。指定HSLA颜色值:HSLA(色调,饱和度,亮度,α),α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。

6.预定义/跨浏览器的颜色名称

        浏览器能识别的颜色名称,如“red”、"green"、“blue”等等。

相关文章

  • CSS合法颜色值

    总结CSS常用的六种合法颜色值 分别是:十六进制颜色、RGB颜色、RGBA颜色、HSL色彩、HSLA颜色、...

  • CSS变量及自定义属性

    CSS变量是什么 CSS 变量当前有两种形式: 变量,就是拥有合法标识符和合法的值。可以被使用在任意的地方。可以使...

  • 解决微信小程序8位颜色值在android版上无效的办法

    如何解决 css3标准:6位颜色值, 所以6颜色值兼容所有浏览器 为什么会有8位颜色值 颜色值 + 加上颜色透明度...

  • CSS 背景和边框

    设置背景颜色 background-color 该属性可以接受任意 的合法值 背景颜色显示在content和pad...

  • CSS代码缩写占用更少带宽

    颜色值缩写 关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一...

  • canvas 阴影和图形变换

    一、阴影设置 1、阴影的颜色:值为标准的CSS颜色值,用于设定阴影颜色效果,默认是全透明的黑色 2、阴影模糊度:用...

  • CSS背景

    背景颜色 background-color属性定义了元素的背景颜色CSS中,颜色值通常以以下方式定义:十六进制 -...

  • CSS学习1

    css背景: 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色...

  • muicss 转载dcloud.io

    mui组件通用CSS类 color(颜色) mui中组件以iOS 7为基础,补充部分Android特有控件,颜色值...

  • css背景属性

    1、背景色·background-color:属性值可以是任何合法的颜色值 这里我们用到的有: 英语单词16进制r...

网友评论

      本文标题:CSS合法颜色值

      本文链接:https://www.haomeiwen.com/subject/yuxuwhtx.html