jQuery 颜色插件 HSL 模型

Question

当我尝试使用 jQuery Color 进行简单的 HSL 到 RGB 转换时,

$.colors('hsl(100,100%,50%)').toString('rgb');

我注意到HSL结构中有一些奇怪的东西:色调可以设置为0到100，它不接受这个范围之外的值，所以理论上 hsl(100,100%,50%) === hsl(0,100%,50%) === 红色

但是转换为 RGB 后我得到的是 hsl(100,100%,50%) === red 和 hsl(0,100%,50%) === 黄绿色如果色调如理论上那样为 1-360，则这是正确的。

怎么可能？如何使用 HSL 获得全色环？

Answer 1

查看 the source ，Hue 的预期范围确实是 0-360。

"the Hue can be set from 0 to 100, it does not accepts values outside this range"

那是因为 validation code 中存在错误 。该行应该是:

if ((a == 1 && result[a] <= 360) || (a > 1 && result[a] <= 100)) {

a[1] 保存第一个正则表达式模式的捕获值(匹配第一个参数，H)，而不是 a[0] 。为了说明这一点，这里有一个 fiddle :http://jsfiddle.net/vMLZ2/

<小时/>

附注我已提交 pull request与修复。同时，此演示显示建议的修改按预期工作:http://jsfiddle.net/Gh9kQ/

p.p.s 拉取请求 has been merged因此应该在最新版本的代码中修复。