网站随机颜色方案生成器

时间:2014-06-28 10:12:44

标签: javascript html css

我刚刚发现了这个Random Color Generator并且好奇是否有办法使用它来生成一个看起来很像的随机配色方案。通过这个我的意思是让它生成一个美学上令人愉悦的颜色方案,每次都要看,但每次加载/刷新网页时,整个网站的颜色方案都会发生变化。我意识到这是一个非常不合适的想法用于网站,但我觉得它仍然可以做一些如何。

我知道我链接到的JS库能够在生成时放出一组颜色,我的问题是弄清楚如何让这些方案看起来很好看。

如果那里有另一个我找不到的图书馆,我很想知道它,虽然我宁愿使用这个,也可以从那里去。

如果我不够清楚或者您需要更多信息,请告诉我。

先谢谢你们。

1 个答案:

答案 0 :(得分:1)

这听起来像是比率问题而不是随机问题。就像,如果你产生“随机”值,你不可避免地会得到一些非常难看的模式。但是如果你定义一个规则,就好像颜色1有这么多的红色,那么+ - 这个蓝色来自颜色2,如果颜色2有这么多绿色,+ - 这个红色到颜色3.如果颜色1是亮度x,添加y量的黑色到颜色2 ...等。永远。

一个解决方案,你可以为自己生成一堆配色方案,把它们放在一个数组中,

myColorSchemes = [["#000000","#ABCDEF", "#654321"],["#FFFFFF","#FEDCBA","#WHATEV"]]

并使用

从javascript调用它们
myColorSchemes[Math.floor((Math.random() * n) + 1)];

其中n是您减去1的配色方案数。