使用jQuery色彩空间的颜色循环动画？

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>