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

Question

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

http://buildinternet.com/2009/09/its-a-rainbow-color-changeing-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>