linux less 带颜色,less中color函数字体颜色计算

LESS 提供了一系列的颜色运算函数. 颜色会先被转化成 HSL 色彩空间, 然后在通道级别操作:

lighten(@color, 10%); // return a color which is 10% lighter than @color

darken(@color, 10%); // return a color which is 10% darker than @color

saturate(@color, 10%); // return a color 10% more saturated than @color

desaturate(@color, 10%); // return a color 10% less saturated than @color

fadein(@color, 10%); // return a color 10% less transparent than @color

fadeout(@color, 10%); // return a color 10% more transparent than @color

fade(@color, 50%); // return @color with 50% transparency

spin(@color, 10); // return a color with a 10 degree larger in hue than @color

spin(@color, -10); // return a color with a 10 degree smaller hue than @color

mix(@color1, @color2); // return a mix of @color1 and @color2

使用起来相当简单:

@base: #f04615;

.class {

color: saturate(@base, 5%);

background-color: lighten(spin(@base, 8), 25%);

}

你还可以提取颜色信息:

hue(@color); // returns the hue channel of @color

saturation(@color); // returns the saturation channel of @color

lightness(@color); // returns the 'lightness' channel of @color

如果你想在一种颜色的通道上创建另一种颜色，这些函数就显得那么的好用，例如:

@new: hsl(hue(@old), 45%, 90%);

@new 将会保持 @old的色调, 但是具有不同的饱和度和亮度.

linux less 带颜色,less中color函数字体颜色计算相关推荐

matplotlib中color可用的颜色
转自:https://www.cnblogs.com/qianblue/p/10783261.html == 仅保存备用== https://blog.csdn.net/wuzlun/article/ ...
html给按钮加颜色代码,css按钮属性 html中按钮的字体颜色怎么设置?
css 属性设置input 中type为button 的属性 css中什么属性可以控制按钮的形状 1.dispaly 适用于css1和css2,用于设置目标对象是否及如何显示.该属性的常用值为none ...
html中怎么让字自动变颜色,html如何设置单个字体颜色
HTML里怎么设置字体颜色输入html代码 ①用记事本打开index.html文件,输入以下代码: html修改字体颜色的几种方式字体颜色的不同设置方法 ② 怎么设置HTML代码里的字体颜色编写 ...
改变textFiled中placeholder的字体颜色的方法以及不想光标在textView的最左边设置方法...
改变textFiled中placeholder的字体颜色的方法 [self.userTextField1 setValue:[UIColor colorWithRed:89/255.0 green ...
[转载]在Matlab中Bessel函数怎么表示计算
在Matlab中Bessel函数怎么表示计算百度知道:https://zhidao.baidu.com/question/559660704716601644.html MATLAB提供了计算贝塞尔 ...
怎么设置php的css颜色代码,CSS的文本字体颜色如何设置
这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色 2.颜色规范与颜色规定:网页使用RGB模式颜色网页中颜色的运用是网页必不 ...
c 语言控制台程序行字体颜色,C# 控制台程序设置字体颜色
这几天做了个程序,程序本身很简单.大体功能是输入查询条件,从数据库里取出结果计算并显示.但是用户的要求是使用控制台(console)来实现功能.由于功能简单,程序很快就做完了,在面向用户演示程序时,突 ...
四十三 iOS中UILabel部分字体颜色的修改
如下代码是字体颜色的修改只修改一部分并且无点击效果,点击效果可以使用yylabel 来搞定 -(UILabel *)tipLab{ if (!_tipLab) { _tipLab = ...
android String文件中修改部分字体颜色
修改部分字体颜色各位同学都知道可以使用SpannableStringBuilder,其实我们可以还有别的简单方式配合Html.fromHtml() 方案一:用SpannableStringBuilde ...

linux less 带颜色,less中color函数字体颜色计算

linux less 带颜色,less中color函数字体颜色计算相关推荐

最新文章

热门文章