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>

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

3 个答案: