JS生成随机十六进制颜色值的高效函数
作者：木棉时间：2026-10-28 04:04:04浏览：563
本文介绍一个用于生成随机十六进制颜色值的JavaScript函数。该函数利用Math.random()生成0到16777215之间的随机数，通过右移运算符>>0实现取整，再转换为16进制字符串。若不足6位则用前导零补齐，最终返回标准的#RRGGBB格式颜色代码。
JS生成随机十六进制颜色值的高效函数
整理并分享一个用于生成随机颜色值的JavaScript函数。
具体实现代码如下：
function getRandomColor(){
return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6);
} 函数逻辑说明如下：
1. 数值16777215是将16进制颜色最大值ffffff转换为10进制后的结果。
2. 使用右移运算符>>0对计算结果进行取整处理。
3. 将结果转换为16进制字符串，若长度不足6位，则在前面补0以确保格式完整。
在线演示代码：
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>js随机颜色</title>
</head>
<body>
</body>
</html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
作者最新文章
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么？
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比：灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object：数组类型检测误区解析
2026-11-04 19:50:47