sass中有些非常实用的颜色处理函数,总结如下
1.颜色加深或变浅
lighten($color,$amount) //颜色变浅
darken($color,$amount) //颜色加深
例如:
lighten(#f36,50%) //把#f36颜色亮度提高50%
#ffffff
darken(#f36,50%) //把#f36颜色亮度降低50%
#33000d
2.rgb和十六进制转换
rgb($red, $green, $blue) //根据RGB中的三个值计算出一个颜色;
rgba($red, $green, $blue, $alpha) //根据RGB中红、绿、蓝和透明度计算出一个颜色;
rgb转十六进制
rgb(255, 165, 0) //#ffa500
十六进制转rgb
rgba(#ff0000, 0.5); //Output is rgba(255,0,0,0.5);