grayscale($color):将一个颜色变成灰色,相当于desaturate($color,100%);
sass -i
>> grayscale(#f36) //把#f36颜色变成灰色
#999999
//SCSS
$baseColor: #ad141e;
...
yekong
3年前 (2021-08-19)
喜欢
desaturate($color,$amount):通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色;
sass -i
desaturate(#f36,50%) //把#f36颜色饱和度降低50%
#cc667f
...
yekong
3年前 (2021-08-19)
喜欢
darken($color,$amount):通过改变颜色的亮度值,让颜色变暗,创建一个新的颜色;
sass -i
>> darken(#f36,50%) //把#f36颜色亮度降低50%
#33000d
...
yekong
3年前 (2021-08-19)
喜欢
lightness($color):从一个颜色中获取亮度(lightness)值;
sass -i
>> lightness(#7ab)//得到#7ab颜色的亮度值
60%
...
yekong
3年前 (2021-08-19)
喜欢
saturation($color):从一个颜色中获取饱和度(saturation)值;
sass -i
>> saturation(#7ab)//得到#7ab颜色的饱和度值
33.33333%
...
yekong
3年前 (2021-08-19)
喜欢
hue($color):从一个颜色中获取色相(hue)值;
sass -i
>> hue(#7ab)//得到#7ab颜色的色相值
195deg
...
yekong
3年前 (2021-08-19)
喜欢
hsla($hue,$saturation,$lightness,$alpha):通过色相(hue)、饱和度(saturation)、亮度(lightness)和透明(alpha)的值创建一个颜色;
sass -i
>> hsla(200,30%,60%,.8)//通...
yekong
3年前 (2021-08-19)
喜欢
hsl($hue,$saturation,$lightness):通过色相(hue)、饱和度(saturation)和亮度(lightness)的值创建一个颜色;
sass -i
>> hsl(200,30%,60%) //通过h200,s30%,l60%创建一个颜色...
yekong
3年前 (2021-08-19)
喜欢
blue()
函数是用来获取某一个颜色值中 blue 的值
sass -i
>> blue(#f36)
102
...
yekong
3年前 (2021-08-19)
喜欢
Green()
用来获取某一个颜色值中 green 的值。同样拿 ”#f36“ 颜色为例:
sass -i
>> green(#f36)
51
...
yekong
3年前 (2021-08-19)
喜欢