将HSV转换为RGB不起作用Javascript



我正在尝试使用Javascript将HSV转换为RGB。

由于某种原因,输出不正确。返回的数字是疯狂的。例如,当将hsv(0, 100, 100)传递给函数时,它会返回rgb(25500, -2524500, -2524500);

这显然不是一个有效的 RGB 值。

这是将HSV转换为RGB的功能:

function HSVtoRGB(h, s, v) {
var r, g, b, i, f, p, q, t;
if (arguments.length === 1) {
s = h.s, v = h.v, h = h.h;
}
i = Math.floor(h * 6);
f = h * 6 - i;
p = v * (1 - s);
q = v * (1 - f * s);
t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0: r = v, g = t, b = p; break;
case 1: r = q, g = v, b = p; break;
case 2: r = p, g = v, b = t; break;
case 3: r = p, g = q, b = v; break;
case 4: r = t, g = p, b = v; break;
case 5: r = v, g = p, b = q; break;
}
return {
r: Math.round(r * 255),
g: Math.round(g * 255),
b: Math.round(b * 255)
};
}

事实证明,该功能工作正常。
问题出在我传入的价值观上。

代替hsv(50, 100, 100),使用hsv(50/360, 1, 1)

您必须将色调除以 360,S 和 V 最多为 1,而不是 100。

相关内容

  • 没有找到相关文章

最新更新