အေအက်အက်စ် oklab() ပြောင်းလဲပေးခြင်း

ဒီပြုပြင်ခြင်း နှင့် အသုံးပြုခြင်း

အေအက်အစ်အက်စ် oklab() အထူးသတ်မှတ်သည့်

အကျိုးသတ်မှတ်

အမျိုးမျိုးသော oklab() အရောင်:

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

亲自试一试

CSS 语法

绝对值语法

oklab(L လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။ b / A)
值 描述
L

L

လုံးဝ အသုံးပြု သည်။ အရောင်၏ အထူး အရောင်ရှိ အား ကို ကိုးကား သည်။ 0 မှ 1 အကြား အချက် အရာ သို့မဟုတ် 0% မှ 100% အကြား စက်တင်း ကို ကိုးကား သည်။

也可以使用 None（等同于 0%）。
လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။

လုံးဝ အသုံးပြု သည်။ -0.4 နှင့် 0.4 အကြား အချက် အရာ သို့မဟုတ် -100% နှင့် 100% အကြား စက်တင်း ကို ကိုးကား သည်။

a နှင့် အရောင် အကွာအဝေး အတိုင်း အရောင် ကို ကိုးကား သည်။ အရောင်၏ အဖျား နှင့် အပိုင်း အရောင် အခြေအနေ ကို ကိုးကား သည်။

-0.4 ကို အဖျား အရောင် ကို ကိုးကား သည်။ 0.4 ကို အပိုင်း အရောင် ကို ကိုးကား သည်။ လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။
b

လုံးဝ အသုံးပြု သည်။ -0.4 နှင့် 0.4 အကြား အချက် အရာ သို့မဟုတ် -100% နှင့် 100% အကြား စက်တင်း ကို ကိုးကား သည်။

b နှင့် အရောင် အကွာအဝေး အတိုင်း အရောင် ကို ကိုးကား သည်။ အရောင်၏ အငွေး နှင့် အနီးစပ် အရောင် အခြေအနေ ကို ကိုးကား သည်။

-0.4 ကို အနီးစပ် အရောင် ကို ကိုးကား သည်။ 0.4 ကို အငွေး အရောင် ကို ကိုးကား သည်။ လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။
/ A

လုံးဝ အသုံးပြု သည်။ အရောင်၏ အသားပေးခြင်း အတွက် အသုံးပြု နိုင် သော အချက် အရာ အတိုင်း ဖြစ်သည် (0% သို့မဟုတ် 0 ကို အလွန် အသားပေးခြင်း ကို ကိုးကား) သို့မဟုတ် 100% (သို့မဟုတ် 100) ကို အလွန် အသားပေးခြင်း ကို ကိုးကား)။

လည်းကောင်း အသုံးပြု နိုင်သည် none (အလွန် အသားပေးခြင်း မပါ ကို ကိုးကား)။ မြောက်သုံး အတိုင်း 100% ဖြစ်သည်။

相对值语法

oklab(from color L လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။ b / A)
值 描述
from color

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

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

L

လုံးဝ အသုံးပြု သည်။ အရောင်၏ အထူး အရောင်ရှိ အား ကို ကိုးကား သည်။ 0 မှ 1 အကြား အချက် အရာ သို့မဟုတ် 0% မှ 100% အကြား စက်တင်း ကို ကိုးကား သည်။

0 (သို့မဟုတ် 0%) ကို အရက် ကို ကိုးကား သည်။ 1 (သို့မဟုတ် 100%) ကို အဖြူ ကို ကိုးကား သည်။
လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။

လုံးဝ အသုံးပြု သည်။ -0.4 နှင့် 0.4 အကြား အချက် အရာ သို့မဟုတ် -100% နှင့် 100% အကြား စက်တင်း ကို ကိုးကား သည်။

a နှင့် အရောင် အကွာအဝေး အတိုင်း အရောင် ကို ကိုးကား သည်။ အရောင်၏ အဖျား နှင့် အပိုင်း အရောင် အခြေအနေ ကို ကိုးကား သည်။

-0.4 ကို အဖျား အရောင် ကို ကိုးကား သည်။ 0.4 ကို အပိုင်း အရောင် ကို ကိုးကား သည်။ လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။
b

လုံးဝ အသုံးပြု သည်။ -0.4 နှင့် 0.4 အကြား အချက် အရာ သို့မဟုတ် -100% နှင့် 100% အကြား စက်တင်း ကို ကိုးကား သည်။

b နှင့် အရောင် အကွာအဝေး အတိုင်း အရောင် ကို ကိုးကား သည်။ အရောင်၏ အငွေး နှင့် အနီးစပ် အရောင် အခြေအနေ ကို ကိုးကား သည်။

-0.4 ကို အနီးစပ် အရောင် ကို ကိုးကား သည်။ 0.4 ကို အငွေး အရောင် ကို ကိုးကား သည်။ လည်းကောင်း none (အတိုင်း 0% ကို ကိုးကား) ကို အသုံးပြု နိုင်သည်။
/ A

လုံးဝ အသုံးပြု သည်။ အရောင်၏ အသားပေးခြင်း အတွက် အသုံးပြု နိုင် သော အချက် အရာ အတိုင်း ဖြစ်သည် (0% သို့မဟုတ် 0 ကို အလွန် အသားပေးခြင်း ကို ကိုးကား) သို့မဟုတ် 100% (သို့မဟုတ် 100) ကို အလွန် အသားပေးခြင်း ကို ကိုးကား)။

လည်းကောင်း အသုံးပြု နိုင်သည် none (အလွန် အသားပေးခြင်း မပါ ကို ကိုးကား)။ မြောက်သုံး အတိုင်း 100% ဖြစ်သည်။

နည်းပါး အချက်

ပုံစံ： CSS အရောင် စနစ် အချိန် 4

ဘရာဇက်ဗရီ ထောက်ပံ့

စာရင်းတွင် ရှိ နေသော နေရာ များ သည် အပြော်ဖြူ ပုံစံ ကို ပထမဆုံး ထောက်ပံ့ လိမ္မာန် သော ဘရာဇက်ဗရီ များ ဖြစ်သည်။

Chrome Edge Firefox Safari Opera
oklab()
111 111 113 15.4 97
ပြင်းအုပ် နှင့် စက်တင်း နှင့် ပေါင်းစပ် အသုံးပြု
116 116 113 16.2 102

လုပ်သုံး စာရင်း

လိုင်စင်CSS 颜色

လိုင်စင်CSS hsl() ပုံစံ

လိုင်စင်CSS hwb() သဘောတူ

လိုင်စင်CSS lch() သဘောတူ

လိုင်စင်CSS lab() သဘောတူ

လိုင်စင်CSS oklch() သဘောတူ