Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 以编程方式遍历色轮并访问十六进制值或rgb_Javascript_Css_Algorithm_Colors - Fatal编程技术网

Javascript 以编程方式遍历色轮并访问十六进制值或rgb

Javascript 以编程方式遍历色轮并访问十六进制值或rgb,javascript,css,algorithm,colors,Javascript,Css,Algorithm,Colors,使用css和javascript,我想随着时间的推移微妙地改变文本的颜色。使用javascript应该相对简单 然而,为了确保平稳过渡,我只希望有微小的增量颜色变化。。。希望下文能够解释: 粗略的箭头显示了我想要实现的颜色模式,它们是实现这些值的现有算法吗?或任何其他方法?指定HSL中的颜色,并仅循环使用色调 var i = 0 setInterval(function(){ i++ if(i > 360){ i = 0 } document.body.style

使用css和javascript,我想随着时间的推移微妙地改变文本的颜色。使用javascript应该相对简单

然而,为了确保平稳过渡,我只希望有微小的增量颜色变化。。。希望下文能够解释:


粗略的箭头显示了我想要实现的颜色模式,它们是实现这些值的现有算法吗?或任何其他方法?

指定HSL中的颜色,并仅循环使用色调

var i = 0
setInterval(function(){
    i++
    if(i > 360){ i = 0 }
    document.body.style.color = "hsl("+(i)+",50%,50%)"
},100)
或者更简洁一点

var i = 0
setInterval(function(){
    document.body.style.color = "hsl("+((i++)%360)+",50%,50%)"
},100)

使用HSL颜色并将色调从0旋转到360:

text.style.color = 'hsl(' + hue + '80%, 40%)';
使用HSV并增加色调。有各种RGB转换算法可用,搜索