【发布时间】:2021-05-22 07:28:14
【问题描述】:
我正在尝试生成一个包含一组颜色对(较浅/较深)的调色板,并检查它是否没有重复项。我检查了Martin's color generation 和几个库,如random color generator npm,但我不太明白如何生成一对相似的阴影颜色。以这两种颜色为例:
如何使用随机颜色生成器获得相同的结果?
【问题讨论】:
标签: javascript reactjs react-native colors
我正在尝试生成一个包含一组颜色对(较浅/较深)的调色板,并检查它是否没有重复项。我检查了Martin's color generation 和几个库,如random color generator npm,但我不太明白如何生成一对相似的阴影颜色。以这两种颜色为例:
如何使用随机颜色生成器获得相同的结果?
【问题讨论】:
标签: javascript reactjs react-native colors
使用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();
我生成了两个颜色数组,但它可以很容易地放在一个数组中并用作一对漂亮的深色/浅色。
【讨论】: