js生成随机颜色

miracle_mf

于 2021-11-05 16:36:58 发布

阅读量2.5k

点赞数 1

分类专栏： javascript 知识点文章标签： javascript 前端 es6

本文链接：https://blog.youkuaiyun.com/mf_9_5_2_7/article/details/121165559

版权

知识点同时被 2 个专栏收录

12 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript生成随机颜色，包括两种不同的方法生成十六进制颜色，以及RGB格式的颜色生成。同时，还讨论了如何将RGB颜色转换为十六进制格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

十六进制颜色，方法1

const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`;    

console.log(randomHex());

十六进制颜色，方法2

const randomColor = () => `#${Math.random().toString(16).substr(2, 6)}`;    

console.log(randomColor());

RGB格式

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 = '('+r+','+g+','+b+')';
			return rgb;
		}

颜色RGB转十六进制

const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);   

rgbToHex(0, 51, 255);