sass的颜色函数

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);
posted @ 2018-08-31 16:17  全玉  阅读(1155)  评论(0编辑  收藏  举报