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

Question

使用css和javascript我想巧妙地改变文本的颜色。使用javascript应该相对简单。

然而，为了确保平稳过渡，我希望只有少量增量颜色变化......希望以下解释：

粗略箭头显示我想要实现的颜色模式是实现这些值的现有算法？还是其他方法？

Answer 1

指定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)

Answer 2

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

text.style.color = 'hsl(' + hue + '80%, 40%)';