js生成随机颜色

Posted 小角色Byme

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js生成随机颜色相关的知识,希望对你有一定的参考价值。


var shine=0.8;

var
arrays = [‘[255,182,193,0.8]‘,‘[144,238,144,0.8]‘,‘[255,235,205,0.8]‘,‘[240,128,128,0.8]‘,‘[255,186,0,0.8]‘,‘[255,225,189,0.8]‘,‘[227,229,241,0.8]‘,‘[248,228,239,0.8]‘,‘[223,237,224,0.8]‘,‘[249,236,191,0.8]‘]; function randomColor(random,size){ if(size==2){ if(shine<1){ a--; if(a==0){ shine=parseFloat(shine)+0.2; } arrays=[‘[255,182,193,‘+shine+‘]‘,‘[144,238,144,‘+shine+‘]‘,‘[255,235,205,‘+shine+‘]‘,‘[240,128,128,‘+shine+‘]‘,‘[255,186,0,‘+shine+‘]‘,‘[255,225,189,‘+shine+‘]‘,‘[227,229,241,‘+shine+‘]‘,‘[248,228,239,‘+shine+‘]‘,‘[223,237,224,‘+shine+‘]‘,‘[249,236,191,‘+shine+‘]‘]; } }else if(size==3){ if(shine>0.2){ a--; if(a==0){ shine=(shine-0.2).toFixed(1); } arrays=[‘[255,182,193,‘+shine+‘]‘,‘[144,238,144,‘+shine+‘]‘,‘[255,235,205,‘+shine+‘]‘,‘[240,128,128,‘+shine+‘]‘,‘[255,186,0,‘+shine+‘]‘,‘[255,225,189,‘+shine+‘]‘,‘[227,229,241,‘+shine+‘]‘,‘[248,228,239,‘+shine+‘]‘,‘[223,237,224,‘+shine+‘]‘,‘[249,236,191,‘+shine+‘]‘]; } }; //var arrays = [‘[123,104,238,0.5]‘,‘[0,255,255,0.5]‘,‘[0,250,154,0.5]‘,‘[0,255,0,0.5]‘,‘[255,255,0,0.5]‘,‘[255,165,0,0.5]‘,‘[178,34,34,0.5]‘,‘[148,0,211,0.5]‘,‘[255,250,205,0.5]‘,‘[255,215,0,0.5]‘]; //var r = Math.floor(Math.random()*256); //var g = Math.floor(Math.random()*256); //var b = Math.floor(Math.random()*256); return arrays[random];//"["+r+","+g+","+b+", 0.7]"; }

 


以上是关于js生成随机颜色的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript随机生成颜色的方法

(漂浮?气泡?)js生成位置颜色透明度随机的字块

怎么写随机生成数据的Js函数

JS生成随机颜色(rgb)

js生成随机颜色

一个生成随机颜色的js函数