【问题标题】:React Native Random color pair generatorReact Native 随机颜色对生成器
【发布时间】:2021-05-22 07:28:14
【问题描述】:

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

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

【问题讨论】:

    标签: javascript reactjs react-native colors


    【解决方案1】:

    使用Random colorChroma 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();
    

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

    【讨论】:

      猜你喜欢
      • 2015-11-07
      • 1970-01-01
      • 2016-02-20
      • 2016-07-17
      • 1970-01-01
      • 2012-02-19
      • 2013-04-02
      • 2018-04-02
      • 1970-01-01
      相关资源
      最近更新 更多