颜色

 语法

该引擎支持以下形式的颜色常量定义：

 绝对颜色

•   #f00 - #rgb 形式。

• #ff0000 - #rrggbb 形式。

• #aaff0000 - #aarrggbb 形式。

• rgb(255,0,0) - rgb（0..255,0..255,0..255） 形式。

• rgb(100%,0%,0%) - RGB（0..100%，0..100%，0..100%）形式。

• rgba(255,0,0,0.5) - rgba（0..255,0..255,0..255,0..1）形式。

• rgb(255 0 0 / 50%) - RGBA（0..255， 0..255， 0..255 [/ 0..100%]），现代形式。

• hsl(300,50%,50%) - HSL（0..360,0..100%，0..100%） 形式 - HSL 色彩空间。

• hsl(300 50% 50% / 50%) - HSL（0..360， 0..100%， 0..100% [/ 0..100%]） 形式 - HSL 色彩空间。

• hsv(300,50%,50%) - hsv（0..360,0..100%，0..100%） form - HSV 色彩空间。

• hsv(300 50% 50% / 50%) - HSV（0..360， 0..100%， 0..100% [/ 0..100%]） 形式 - HSV 色彩空间。

• morph(basecolor, ...) - 颜色变形/变换功能：

相对颜色 - morph()

 这 morph(basecolor, ... arguments)  

BaseColor 是颜色值、颜色常量或颜色变量。

该函数接受一个或多个参数：

• hue:Adeg - 通过更改 HSL 色彩空间中基色的 H（色调）分量来创建新颜色。A 是新角度，度数 0...360 - H 分量的绝对值。

• rotate:Adeg - 通过从基色相对旋转来改变 H，A 是旋转角度：-360 度 ... +360 度。

• lightness:p% - 通过更改 HSL 色彩空间中基色的 L（亮度）分量来创建新颜色。p 是一个数字 0...100 - L 分量的绝对值。

• lighten:p% - 通过增加 basecolor：：L 分量来更改 HSL 色彩空间中 basecolor 的亮度分量。p 是一个数字 0...100 - L 分量的相对增量。

• darken:p% - 通过减小 basecolor：：L 分量来更改 HSL 色彩空间中 basecolor 的亮度分量。p 是一个数字 0...100 - L 分量的相对递减。

• saturation:p% - 通过更改 HSL 色彩空间中基色的 S（饱和度）分量来创建新颜色。p 是一个数字 0...100 - S 分量的绝对值。

• saturate:p% - 通过增加 HSL 色彩空间中基色的饱和度分量来更改 S。p 是一个数字 0...100 - S 分量的相对增量。

• desaturate:p% - 通过降低 HSL 色彩空间中基色的饱和度分量来更改 S。p 是一个数字 0...100 - S 分量的相对递减。

• opacity:p% - 通过在RGBA色彩空间中更改基色的A（alpha）分量来创建新颜色。p 是一个数字 0...100 - A 组件的绝对值，如果为 100%，则颜色是不透明的，如果为 0%，则颜色完全透明。

• opacify:p% - 通过增加或减少 basecolor 的当前 A 值来更改 A （alpha）。p 是一个数字 -100%...100% - A 组件的相对增量/减量。

• mix:p% - 创建介于 Basecolor 和 color2 之间的颜色，p 是一个数字 0%...100% - 混合比例。如果 p == 0%，则结果是基色，如果 100% - color2。

• grayscale:p% - 将基色转换为灰度。如果 p 为 100%，则结果是纯灰度颜色 （R == G == B）。如果 p 为 0%，则结果是原始基色。

• sepia:p% - 将基色转换为棕褐色。如果 p 为 100%，则结果是纯棕褐色，如果 p 为 0%，则结果是原始基色。

 例：

@const BASECOLOR: #0C0;

div {
 background: morph(@BASECOLOR, lighten:25%);
}