HoRain云--CSS 合法颜色值

CSS 合法的颜色值可以通过多种方式指定包括命名颜色、十六进制、RGB、RGBA、HSL、HSLA以及颜色函数。以下是几种常见的合法颜色值格式命名颜色直接使用颜色名称例如red、blue、green 等。color: red;十六进制颜色使用 #RRGGBB 或 #RGB 形式的十六进制值。color: #ff0000; /* 红色 */ color: #f00; /* 简写形式红色 */RGB 颜色使用 rgb() 函数指定红、绿、蓝三色的值每个值在 0-255 之间。color: rgb(255, 0, 0); /* 红色 */RGBA 颜色类似于 rgb()但增加了alpha通道用于指定透明度值范围在 0完全透明到 1完全不透明。color: rgba(255, 0, 0, 0.5); /* 半透明红色 */HSL 颜色使用 hsl() 函数指定色调0-360°、饱和度0%-100%和亮度0%-100%。color: hsl(0, 100%, 50%); /* 红色 */HSLA 颜色类似于 hsl()但增加了 alpha 通道用于透明度控制。color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */CSS 颜色函数 color()使用颜色空间定义颜色如 color(display-p3 1 0 0)。这种方法允许使用更广泛的颜色空间。color: color(display-p3 1 0 0);十六进制颜色所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是RRGGBB其中 RR红色GG绿色和 BB蓝色。所有值必须介于 0 和 FF 之间。例如0000FF值呈现为蓝色因为蓝色的组成设置为最高值FF而其他设置为 0。实例p {background-color:#ff0000;}RGB 颜色RGB 颜色值在所有主要浏览器都支持。RGB 颜色值指定RGB红绿蓝。每个参数红色绿色和蓝色定义颜色的亮度可在 0 和 255 之间或一个百分比值从0到100之间的整数。例如 RGB0,0,255值呈现为蓝色因为蓝色的参数设置为最高值255而其他设置为 0。此外下面的值定义相同的颜色RGB0,0,255RGB00100。实例p {background-color:rgb(255,0,0);}RGBA 颜色RGBA 颜色值被 IE9, Firefox3, Chrome, Safari,和 Opera10 支持。RGBA 颜色值是 RGB 颜色值 alpha 通道的延伸 - 指定对象的透明度。RGBA 颜色值指定RGBA红绿蓝alpha。 Alpha 参数是一个介于 0.0完全透明和 1.0完全不透明之间的参数。实例p {background-color:rgba(255,0,0,0.5);}HSL颜色IE9, Firefox, Chrome, Safari 和 Opera 10支持 HSL 颜色值。HSL 代表色相饱和度和亮度 - 使用色彩圆柱坐标表示。HSL 颜色值指定HSL色调饱和度明度。色相是在色轮上的程度从0到360-0或360是红色的120是绿色的240是蓝色的。饱和度是一个百分比值;0意味着灰色和100的阴影是全彩。亮度也是一个百分点;0是黑色的100是白色的。实例p {background-color:hsl(120,65%,75%);}HSLA 颜色HSLA 颜色值被IE9, Firefox3, Chrome, Safari,和Opera10.支持.HSLA 的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。指定HSLA颜色值HSLA色调饱和度亮度αα是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0完全透明和1.0完全不透明之间的参数。