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);