jQuery - 带有 hsv 色彩空间的颜色循环动画？

Question

我正在做一个项目，我需要一个特殊的身体背景。背景颜色应该像心情灯一样在色谱中循环。所以我发现了这个：

http:// buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/

“但是”此代码片段正在使用 RGB 色彩空间，其中包含一些非常亮和暗的颜色。获得明亮的颜色仅适用于 HSV 色彩空间（例如，将 S 和 V 静态设置为 100，然后让 H 循环）。我不知道如何转换，实际上也不知道如何根据我的需要来拉皮条这个片段。

有人有想法吗？

提前致谢。最好的，弗洛伊德

Answer 1

只需使用现成的 RGB 到 HSV 转换函数，例如：

<块引用>

http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript

然后只需输入你的颜色作为HSV和你将获得可在动画中使用的 RGB。

Answer 2

ColorJizz 应该就是您所需要的。

Answer 3

我相信这就是您想要的效果。 randRange() 函数允许您指定最小值和最大值。

<script language="JavaScript" type="text/javascript">
function randRange(lowVal,highVal) {
     return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
function spectrum(){  
    var hue = 'rgb(' + randRange(100,256) + ',' + randRange(100,256) + ',' + randRange(100,256) + ')';  
    $('#div').animate( { backgroundColor: hue }, 1000);  
    spectrum();  
 }  
$(function(){
    spectrum();
});
</script>