CSS lab() ပြောင်းလဲပေးခြင်း

အသုံးချက် နှင့် အပြုအရောက်

CSS ၏ lab() အသုံးပြုခြင်းအကျိုးသတ်မှတ်သည် စက္ကူ အလိုင်းအားအသုံးပြုခြင်းအချင်းချင်းတွင် လူကြီးအလေးချိန်အရ မြင်နိုင်သော အရောင်အားလုံးကို ကိုင်တွယ်သည်。

အမှတ်ပြ

အကျိုးသတ်မှတ်ခြင်းမျိုးများ lab() အရောင်များ:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

亲自试一试

CSS 语法

绝对值语法

lab(L a b / A)
值 描述
L

必需。定义颜色的亮度，可以是 0 到 100 之间的数字或百分比。

0（或 0%）表示黑色，100（或 100%）表示白色。

也可以使用 none（等同于 0%）。
a

必需。定义 -125 到 125 之间的数字或 -100% 到 100% 之间的百分比。

定义颜色沿 a 轴的距离，表示颜色的红绿程度。-125 表示绿色，125 表示红色。

也可以使用 none（等同于 0%）。
b

必需。定义 -125 到 125 之间的数字或 -100% 到 100% 之间的百分比。

定义颜色沿 b 轴的距离，表示颜色的黄蓝程度。

-125 表示蓝色，125 表示黄色。

也可以使用 none（等同于 0%）。
/ A

可选。表示颜色的透明度通道值（0%（或 0）表示完全透明，100%（或 100）表示完全不透明）。

也可以使用 none（表示无透明度通道）。

默认值为 100%。

相对值语法

lab(from color L a b / A)
值 描述
from color

以关键字 from 开头，后跟表示原始颜色的颜色值。

这是相对颜色所基于的原始颜色。
L

必需。定义颜色的亮度，可以是 0 到 100 之间的数字或百分比。

0（或 0%）表示黑色，100（或 100%）表示白色。

也可以使用 none（等同于 0%）。
a

必需。定义 -125 到 125 之间的数字或 -100% 到 100% 之间的百分比。

定义颜色沿 a 轴的距离，表示颜色的红绿程度。

-125 表示绿色，125 表示红色。

也可以使用 none（等同于 0%）。
b

必需。定义 -125 到 125 之间的数字或 -100% 到 100% 之间的百分比。

定义颜色沿 b 轴的距离，表示颜色的黄蓝程度。

-125 表示蓝色，125 表示黄色。

也可以使用 none（等同于 0%）。
/ A

可选。表示颜色的透明度通道值（0%（或 0）表示完全透明，100%（或 100）表示完全不透明）。

也可以使用 none（表示无透明度通道）。

默认值为 100%。

技术细节

版本： CSS Color Module Level 4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

ချော်ရှာ အိန်ဂျင် အင်ဂျင်ပီရစ် ဆိုက် အိုပရက်
lab()
111 111 113 15 97
ပြင်းအား နှင့် ရာခိုင်နှုန်း ကို ပေါင်းစပ် လုပ်ငန်း
116 116 113 16.2 102

လုပ်ငန်း ပုံစံ

参考：CSS အကြမ်းစား အရောင်

参考：CSS hsl() လုပ်ငန်း

参考：CSS hwb() 函数

参考：CSS lch() ကုမ္ပဏီ

参考：CSS oklab() 函数

参考：CSS oklch() 函数