反应原生随机颜色对生成器

Question

我正在尝试生成一个包含一组颜色对（较浅/较深）的调色板，并检查它是否没有重复项。我检查了 Martin's color generation 和几个库，如 random color generator npm，但我不太明白如何生成一对相似的阴影颜色。以这两种颜色为例：

如何使用随机颜色生成器实现相同的结果？

Answer 1

使用 Random color 和 Chroma js 找到了答案。像这样：

    for (let i = 0; i < NUM_OF_COLORS; i++) {
    colorsLight[i] = randomColor({
        luminosity: "bright",
        format: "rgba",
        alpha: 0.6,
    });
    colorsDark[i] = chroma(colorsLight[i]).alpha(0.3).hex();

我生成了两个颜色数组，但它可以很容易地放在一个数组中并用作一对漂亮的深/浅色。