javascript - 使用 JavaScript 创建独特的颜色

Question

为条形图/直方图选择随机颜色的最佳方法是什么，使得每种颜色都不同于其他颜色......并且可能具有对比度

最受关注的方式是

'#'+(Math.random()*0xFFFFFF<<0).toString(16);

但这可以生成相似的颜色..有时区分它们可能是一个问题..例子

Answer 1

我会使用 HSV(色调、饱和度、值)而不是 RGB 生成颜色。在 HSV 中，颜色由色调定义，范围为 0-360。因此，如果您想要例如6 不同的颜色，您可以简单地将 360 除以 5(因为我们要包括 0)并得到 72，因此每种颜色都应以 72 递增。使用类似 this one 的函数将生成的 HSV 颜色转换为 RGB。

以下函数返回 RGB 格式的 total 种不同颜色的数组。请注意，在此示例中，颜色不会是“随机”的，因为它们的范围始终从红色到粉色。

function randomColors(total)
{
    var i = 360 / (total - 1); // distribute the colors evenly on the hue range
    var r = []; // hold the generated colors
    for (var x=0; x<total; x++)
    {
        r.push(hsvToRgb(i * x, 100, 100)); // you can also alternate the saturation and value for even more contrast between the colors
    }
    return r;
}