Javascript:生成随机漂亮的饱和色(选定的调色板)

Question

我看到很多Js的例子,但没有一个符合我的需求:

我想要一个脚本来生成colros,但是如果我使用常见的解决方案

color =  '#'+Math.floor(Math.random()*16777215).toString(16);

它产生柔和的色彩,在那里我想要更饱和的色彩...或者更加雄心勃勃,我如何选择我选择颜色的调色板形式？

我如何"限制"随机性？

Answer 1

对于完全饱和的颜色,使用HSL色彩空间,H为0-360,S为(或略低于)100%,L为50%.

如果您知道浏览器具有CSS3支持,则可以直接使用它.如果做不到这一点,可以使用HSL到RGB算法(20行代码)通过Google轻松获得转换为十六进制格式.

从HSL到RGB的转换公式也在HSL的维基百科页面上,很容易翻译成Javascript(以及大多数其他语言!)