正态分布的随机颜色偏差

Question

我想根据原始颜色和正态分布生成随机颜色，这样我就可以创建一个随机纹理，告诉脚本“好吧，这是您应该使用的一般颜色，但如果您现在差异很大然后，那就好了”。

我正在用 JavaScript 编写，使用 Box-Muller 变换。但是，如果我对每个 R、G 和 B 值独立使用正态分布，则会得到不需要的尖峰。例如，如果我的基色是浅灰色，我会得到非常红、非常绿或非常蓝的像素。到目前为止，这是我的脚本（“0, 255”是最小值和最大值）：

function randomHex(hex, deviation){
    R = HexToR(hex);
    G = HexToG(hex);
    B = HexToB(hex);
    R = randomNormal(R, deviation, 0, 255);
    G = randomNormal(G, deviation, 0, 255);
    B = randomNormal(B, deviation, 0, 255);
    return RGBtoHex(R,G,B);
}

我认为我正在寻找的是以某种方式在 RGB 颜色的 3D 空间中定义一个点，然后选择一个（均匀分布的）随机点一个以定义点为中心、半径按正态分布随机生成的球体。

无论如何，这就是理论。我只是不知道如何在 JavaScript 中实现这一点。

我将不胜感激任何指点！

Answer 1

我会尝试使用 HSV（或者可能是 HSL）而不是 RGB。您需要一个函数来转换回 RGB（请参阅此处了解例子）。在本例中，H 是色调，您的值是颜色环上的某个位置。 S和V分别控制饱和度和明度/亮度。我认为这会给你更多的控制权来获得你想要的发行版。有关维基百科的更多信息，请参见此处。