1.英文命令colorp{color:red;}2.RGB颜色这与`photoshop`中的`RGB`颜色一致,由`R(red)`,`G(green)`和`B(blue)的比例组成)`用于匹配颜色。例如:p{color:rgb(133,45,200);}每一项的值可以是0~255之间的整数,也可以是0%~100%的百分比。如:`p{color:rgb(20%,33%,25%);}RGB的第四个参数是透明度,取值范围为0-13,现在比较常见的是十六进制颜色的颜色设置方法used其实是RGB设置,只是每一项的值从0-255变成了16进制的00-ff。如:p{color:#00ffff;}4.hsla色值如hsla(360,50%,50%,.5)半透明红色,此方法不兼容HSLA(H,S,L,A)H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可以用其他值来指定颜色。取值为:0-360S:Saturation(饱和度)。值:0.0%-100.0%L:亮度(亮度)。值:0.0%-100.0%A:Alpha透明度。该值介于0和1之间。生成随机颜色代码:方法一:RGB颜色函数RandomColor1(){return'#'+Math.floor(Math.random()*255).toString(10)}方法二:十六进制颜色函数RandomColor2(){return'#'+Math.floor(Math.random()*0xffffff).toString(16)}方法三:用RGB表示,使用es6语法。使用RGB的好处是代码少,容易实现;二是可以支持透明度,透明度也可以支持随机颜色functionRandomColor3(){constr=Math.round(Math.random()*255);constg=Math.round(Math.random()*255);constb=Math.round(Math.random()*255);//随机颜色返回0.5到1之间的两位小数;如果生成的0-1直接consta=((Math.random()*5+5)/10).toFixed(2)consta=Math.random()constcolor=`rgba(${r},${g},${b},${a})`console.log(color)returncolor}方法四:functionRandomColor4(){//随机取一个32的4次方并向上取整,这个值接近到fffff的小数varrandom=parseInt(Math.random()*Math.pow(32,4));varv=('00000'+random.toString(16)).substr(-4);//random返回一个位数不定的整数,然后toString(16)转成十六进制,//如果随机数个数少于四位,则在前面拼接5个0,最后截取后四位返回v;}方法五:functionRandomHColor5(){//随机生成一个十六进制颜色varhex=Math.floor(Math.random()*16777216).toString(16);//生成一个ffffff以内的十六进制数while(hex.length<6){//while循环判断十六进制位数,如果不足6位,在前面加0补足6位hex='0'+十六进制;}返回'#'+十六进制;//返回以'#'开头的十六进制颜色}本文链接:https://www.ngui.cc/51cto/sho...
