创新互联less教程:Less 颜色通道函数

Less支持少数内置函数,用于设置通道的值。 通道根据颜色定义设置值。 HSL颜色具有色相,饱和度和亮度通道,RGB颜色具有红色,绿色和蓝色通道。 以下是颜色通道功能的列表:

创新互联公司专注于企业全网营销推广、网站重做改版、东风网站定制设计、自适应品牌网站建设、H5页面制作成都商城网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为东风等各大城市提供网站开发制作服务。


background: saturation(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 90%;
background: lightness(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 30%;
background: hsvhue(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 75;

background: hsvsaturation(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 90%;
background: hsvvalue(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 30%;
background: red(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 5;
background: green(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 15;
background: blue(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 25;
background: alpha(rgba(5, 15, 25, 1.5));

它在CSS中编译如下所示:

background: 2;
background: luma(rgb(50, 250, 150));

它在CSS中编译如下所示:

background: 71.2513323%;
background: luminance(rgb(50, 250, 150));

它在CSS中编译如下所示:

background: 78.53333333%;

S.N.函数及描述例子
1 hue

在HSL颜色空间中,提取颜色对象的色调通道。

background: hue(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 75;
2saturation

在HSL颜色空间中,提取彩色对象的饱和通道。

3lightness

在HSL颜色空间中,从颜色对象提取亮度通道。

4 hsvhue

在HSV色彩空间中,提取色彩对象的色调通道。

5 hsvsaturation

在HSL颜色空间中,提取彩色对象的饱和通道。

6 hsvvalue

在HSL颜色空间中,提取颜色对象的值通道。

7red

提取彩色对象的红色通道。

8green

提取彩色对象的绿色通道。

9blue

提取彩色对象的蓝色通道。

10 alpha

提取颜色对象的alpha通道。

11 luma

计算颜色对象的亮度值。

12luminance

在没有伽马校正的情况下计算亮度值。


文章标题:创新互联less教程:Less 颜色通道函数
URL分享:http://www.csdahua.cn/qtweb/news4/523354.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网