如何使用JavaScript随机生成HTML十六进制颜色代码?

Ach*_*les 62 javascript

可能重复:
Javascript中的随机颜色生成器

我有一些数据我想以不同的颜色显示,我想尽可能随机生成颜色.如何使用JavaScript生成十六进制颜色代码?

Dan*_*anS 151

'#'+(Math.random()*0xFFFFFF<<0).toString(16);
Run Code Online (Sandbox Code Playgroud)

  • 请注意,此方法也会输出错误的颜色代码:`>'#'+(.001*0xffffff << 0).toString(16)--->'#4189' (15认同)
  • 我不喜欢速记方式.对于正在发生的事情,一种无聊的长手方式会更加清晰.如果我单独看到这个代码,我需要很长时间才能将它与其明确的目的联系起来. (4认同)
  • 我使用然后它在某些时候显示一些错误。请使用这里接受的答案 /sf/ask/103915451/ (2认同)

Bil*_*ard 79

JavaScript中的随机十六进制颜色代码生成器的博客文章中有多种方法.当随机值小于时,你需要用零填充0×100000,所以这里是正确的版本:

var randomColor = "#000000".replace(/0/g,function(){return (~~(Math.random()*16)).toString(16);});
Run Code Online (Sandbox Code Playgroud)

0用一个随机的十六进制数字替换六个s中的每一个,所以它肯定会得到一个完整的六位有效颜色值.

  • 这是一直生成有效HTML代码的代码 (3认同)