原链接:https://www.w3h5.com/post/281.html 不知为啥无法访问,重新发一遍吧。
有时会遇到需要随机生成颜色的需求,可以使用下面的JS代码来实现。
分为两种,一种是 rgb()
,一种是16进制。
RGB随机颜色:
<script> function rgb(){//rgb颜色随机 var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); var rgb = 'rgb('+r+','+g+','+b+')'; return rgb; } </script>
16进制随机颜色:
<script> function color16(){//十六进制颜色随机 var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); //var color = '#'+r.toString(16)+g.toString(16)+b.toString(16); var color = '#'+(Array(6).join(0) + (r.toString(16)+g.toString(16)+b.toString(16))).slice(-6); return color; } </script>
这地多谢网友提醒,因为评论显示是访客,暂时不知道怎么称呼,原始的方法会出现16进制不足6位,无法显示颜色的问题,需要使用“前补0”的的方法补齐6位,这样就可以正常显示了。
前补0具体方法实现:JS实现16进制颜色、数字前自动补0
未经允许不得转载:w3h5 » JS生成随机颜色的简单方式,16进制自动补0
原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/150312.html