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

标签 javascript

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

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

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

它生成柔和的颜色,我想要更好更饱和的颜色......或者更雄心勃勃,我如何选择我选择颜色的调色板形式?

我怎样才能“限制”随机性?

最佳答案

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

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

从 HSL 到 RGB 的转换公式也在 Wikipedia page on HSL 上并且很容易翻译成 Javascript(以及大多数其他语言!)

关于Javascript:生成随机漂亮的饱和颜色(选定的调色板),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8478967/

相关文章:

javascript - Asp.Net 中控件的验证提示

javascript - 用取消标记或按钮包裹的电子邮件地址

javascript - 语法错误 : Strict mode does not allow function declarations in a lexically nested statement

javascript - 更改日期字符串的格式

javascript - className 只改变每隔一个类

javascript - visualforce 页面 javascript 按钮点击不起作用

javascript - 即removeAttr标题问题

javascript - 寻找准确的 Ruby、Javascript 或 R Excel RATE() 或 IRR() 函数实现

javascript - 如何从 javascript var 或输入类型文本设置 php mysql?

javascript - Dojo 网格刷新和滚动位置