在JavaScript中生成随机的十六进制颜色代码

十六进制颜色代码在Web开发中随处可见,往往需要即时生成一个随机的颜色代码。这对于各种用途都很有用,比如为UI生成随机颜色,或者用于测试目的。

生成随机的十六进制颜色代码相当简单,但需要一些数学知识。您可以使用Math.random()方法生成一个随机的24位(6 * 4位)十六进制数,然后使用位移并使用Number.prototype.toString()将其转换为十六进制字符串,基数为16

由于生成的数字可能超过6个字符,您可以使用String.prototype.slice()提取前6个字符。最后,您可以在字符串前面添加#,使其成为有效的十六进制颜色代码。

const randomHexColorCode = () => {
  let n = (Math.random() * 0xfffff * 1000000).toString(16);
  return '#' + n.slice(0, 6);
};

randomHexColorCode(); // '#e34155'