预处理CSS，如Sass和less，可以通过设置特定值使任何颜色更亮或更暗。但是javascript中没有这样的方法。下面的方法可以通过给定的十六进制颜色值（比如#F06D06，或者没有#）在javascript中得到更亮或者更暗的值functionLightenDarkenColor(col,amt){varusePound=false;如果(col[0]=="#"){col=col.切片（1）；使用=真；}varnum=parseInt(col,16);varr=(num>>16)+amt;如果(r>255)r=255;否则如果(r<0)r=0;varb=((num>>8)&0x00FF)+amt;如果(b>255)b=255;否则如果(b<0)b=0;varg=(num&0x0000FF)+amt;如果(g>255)g=255;否则如果（g<0）g=0；return(usePound?"#":"")+(g|(b<<8)|(r<<16)).toString(16);}//LightenvarNewColor=LightenDarkenColor("#F06D06",20);//DarkenvarNewColor=LightenDarkenColor("#F06D06",-20);原文来自css-trickswheelfactory——一个分享vue和angular优秀组件的网站
