Javascript 以编程方式遍历色轮并访问十六进制值或rgb
使用css和javascript,我想随着时间的推移微妙地改变文本的颜色。使用javascript应该相对简单 然而,为了确保平稳过渡,我只希望有微小的增量颜色变化。。。希望下文能够解释: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
粗略的箭头显示了我想要实现的颜色模式,它们是实现这些值的现有算法吗?或任何其他方法?指定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转换算法可用,搜索