所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。
RGB颜色值在所有主要浏览器都支持。RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。
例如RGB(0,0,255)值呈现为蓝色,因为蓝色的参数设置为最高值(255)而其他设置为0。
此外,下面的值定义相同的颜色:RGB(0,0,255),RGB(0%,0%,100%)。
RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。
RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。HSL代表色相,饱和度和亮度 - 使用色彩圆柱坐标表示。
HSL颜色值指定:HSL(色调,饱和度,明度)。
色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点0%是黑色的,100%是白色的。
HSLA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。指定HSLA颜色值:HSLA(色调,饱和度,亮度,α),α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
浏览器能识别的颜色名称,如“red”、"green"、“blue”等等。
1、用颜色名表示如:white、red、greenyellow、gold等。
2、用十六进制的颜色值表示(红、绿、蓝)
#FF0000或者#F00
3、用rgb(r,g,b)函数表示
如:rgb(255,255,0)
4、用hsl(Hue,Saturation,Lightness)函数表示(色调、饱和度、亮度)
如:hsl(120,100%,100%),色调0代表红色,120代表绿色,240代表
蓝色
5、用rgba(r,g,b,a)函数表示
其中a表示的是改颜色的透明度,取值范围是0~1,其中0代表完全透明。
6、用hsla(Hue,Saturation,Lightness,alpha)函数表示
色调、饱和度、亮度、透明度
颜色值CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。
十六进制值使用三个双位数来编写,并以 # 符号开头。
颜色
颜色 HEX
颜色 RGB
#000000rgb(0,0,0)
#FF0000rgb(255,0,0)
#00FF00rgb(0,255,0)
#0000FFrgb(0,0,255)
#FFFF00rgb(255,255,0)
#00FFFFrgb(0,255,255)
#FF00FFrgb(255,0,255)
#C0C0C0rgb(192,192,192)
#FFFFFFrgb(255,255,255)
亲自试一试
1600 万种不同的颜色
从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色(根据 256 x 256 x 256 计算)。
大多数现代的显示器都能显示出至少 16384 种不同的颜色。
如果您查看下面的表格,您将看到红光从 0 到 255 变化后的结果,此时绿光和蓝光为零。
如需查看红光由 0 向 255 变化的完整颜色混合器列表,请点击下面的十六进制值或 rgb 值。