css颜色值设置方式有哪些?以及如何随机一个颜色?

  • Post author:
  • Post category:其他


网页中颜色的使用方式有一下几种


1、颜色名称

,如red  black white


2、十六进制颜色

,网页中常用,每两位代表红绿蓝的值的比例,  如 #ffffff白色   #000000黑色


3、rgba颜色

,   如 rgba(255,255,255,0.5)  半透明白色  ,此方式ie8及以下不兼容

RGBA(R,G,B,A)

R:红色值。正整数 | 百分数

G:绿色值。正整数 | 百分数

B:蓝色值。正整数 | 百分数

A:Alpha透明度。取值0~1之间。


4、hsla颜色值

,  如 hsla(360, 50%, 50%, .5)  半透明红色 ,    此方式ie8及以下不兼容

HSLA(H,S,L,A)

H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 – 360

S:Saturation(饱和度)。取值为:0.0% – 100.0%

L:Lightness(亮度)。取值为:0.0% – 100.0%

A:Alpha透明度。取值0~1之间。


那么怎么随机一个颜色值呢?

一般我们可以在使用rgba 或者 hsla模式的时候随机里面的值


1、随机rgba颜色