薩斯顏色變淺功能 - 使用％

Question

據我所知薩斯減輕功能的工作原理是這樣的：

lighten($myColour, 20%); 

但是，如果你看一下這個在線工具，用於創建顏色：

enter link description here

它創建它們如下沒有％：

lighten($myColour, 20); 

可以嗎？使用20％或20％有什麼區別？

感謝

Answer 1

正如Sass documentation提到的，功能lighten說：

lighten($color, $amount) 

其中

$量（薩斯::腳本::值::數） - 增加0％和100％之間的亮度的量

所以它可以是兩個。我測試了它在this CodePen example，它給出了相同的顏色十六進制值。

.lighten-number { 
    color: lighten(red, 20); 
} 

.lighten-percentage { 
    color: lighten(red, 20%); 
}