//通过十进制红色，绿色，蓝色三种值 (RGB) 创建不透明的颜色对象。

div{

  background: rgb(255,0,0);

  background: rgb(100%,0%,0%);

}

//通过十进制红色，绿色，蓝色，以及 alpha 四种值 (RGBA) 创建带alpha透明的颜色对象。

div1{

  background: rgba(255,0,0,0.5);

  background: rgba(100%,0%,0%,0.5);

}

//创建格式为 #AARRGGBB 的十六进制 (hex representation) 颜色 (注意不是 #RRGGBBAA ！)。

div2{

  background: argb(rgba(255,0,0,0.5));

  background: argb(rgba(100%,0%,0%,0.5));

}

//通过色相 (hue)，饱和度 (saturation)，亮度 (lightness) 三种值 (HSL) 创建不透明的颜色对象。

div3{

  background: hsl(90,100%,50%);

}

//通过色相 (hue)，饱和度 (saturation)，亮度 (lightness)，以及 alpha 四种值 (HSLA) 创建透明的颜色对象。

div4{

  background: hsla(90,100%,50%,0.5);

}

//通过色相 (hue)，饱和度 (saturation)，色调 (value) 三种值 (HSV) 创建不透明的颜色对象。

div5{

  background: hsv(90,100%,50%);

}

//通过色相 (hue)，饱和度 (saturation)，色调 (value)，以及 alpha 四种值 (HSVA) 创建透明的颜色对象。

div6{

  background: hsva(90,100%,50%,8%);

}

div {

  background: #ff0000;

}

div1 {

  background: rgba(255, 0, 0, 0.5);

}

div2 {

  background: #80ff0000;

}

div3 {

  background: #80ff00;

}

div4 {

  background: rgba(128, 255, 0, 0.5);

}

div5 {

  background: #408000;

}

div6 {

  background: rgba(64, 128, 0, 0.08);

}