js实现随机背景色

soupJian前端养成记

于 2021-12-09 10:02:47 发布

阅读量1.2k

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/tj_2157/article/details/121806854

版权

方案一

利用十六进制法则

function randomColor(){
	const color = '#'+parseInt(Math.random()*0xFFFFFF).toString(16)
	return color
}

方案二

利用rgb()，向下取整所以是 256 而不是 255,也可以采用rgba，最后加一个随机数

function randomParams(){
	return Math.floor(Math.random()*256)
}
function randomColor(){
	// rgb
    // const color = `rgb(${randomParams()},${randomParams()},${randomParams()})`
    // rgba
    const opacity = Math.random().toFixed(2) // 透明度不需要太多位小数，两位就够了
	const color = `rgb(${randomParams()},${randomParams()},${randomParams()},${opacity})`
	return color
}