JavaScript实现15色循环渐变颜色生成函数

JavaScript颜色渐变函数实现

相关函数定义如下：

function gCL(i){
var f=parseInt((i%15)/5);
i=i%15%5;
switch(f){
case 0:return "#"+cS2(255-i*51)+cS2(i*51)+"00";
case 1:return "#00"+cS2(255-i*51)+cS2(i*51);
case 2:return "#"+cS2(i*51)+"00"+cS2(255-i*51);
} 
} 
function cS2(i) {
var s=i.toString(16);
return ("00"+s).substr(s.length);
} 

调用gCL函数即可根据递增的数字参数，生成从红色到绿色再到蓝色的循环渐变颜色。该算法共生成15种颜色，并实现循环渐变效果，具体表现如下：

例如在以下应用场景中，利用该函数可以实现超级链接背景色的渐变效果：

主页  

对该函数进行适当修改，还可以实现更细致的颜色变化，感兴趣的用户可以尝试扩展。