Javascript 随机十六进制生成器返回互补色

Question

我有以下代码:

function get_random_color() {
    return '#' + Math.floor((Math.random() * 0xF00000) + 0x0FFFFF).toString(16);
}

for (var i=0; i<5; i++)
  {
      $(".colors").append("<div style='background:"+get_random_color()+"'></div>");
  }

HTML

<div class="colors"></div>

CSS

.colors > div{width:30px; height:30px;}

然而，“随机”生成似乎创造了各种几乎互补的颜色:

为什么我的代码不是完全随机的，而且颜色似乎总是匹配？

例子:

http://jsfiddle.net/SaRT6/

Answer 1

我不会说它们完全匹配，但我明白你的意思!

我认为这归结为数学和概率，并不是说我是该领域的专家，但如果你考虑一下，你有三个范围，例如要以黑色结束，你需要所有这三个随机值在范围的最末端匹配的数字。正如您想象的那样，这比三个不匹配的数字更不可能发生。与处于极端情况的数字相比，您更有可能获得位于该范围内某处的数字。如果你现在看一些常见的颜色，其中许多将依赖于其中一个数字为零或接近零，或者可能另一端为 255。要获得黑色，你有 1650 万分之一的机会得到它。任何灰色都一样。

那么解决方案呢？如果您不需要太多颜色，只需制作一系列不同的“漂亮”颜色，然后使用随机索引从中挑选它们。