javascript - React Native 随机颜色对生成器

Question

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

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

标签： javascriptreactjsreact-nativecolors

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();

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