CSS lch() ပုံစံ

အကျိုးသတ်မှတ်ခြင်း နှင့် အသုံးပြုခြင်း

CSS မှ lch() LCH(အရောင်များ-အဆင်း-အရောင်) အရောင် အိတ်ချယ် တွင် အရောင် အကျိုးသတ်မှတ်ပါ

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

အမျိုးမျိုးသော lch() အရောင်များကို

#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}
#p9 {background-color:lch(90% 130 70);}

ကျွန်ုပ် ကိုယ်တိုင် ကြိုးစား

CSS လိုဘာသာ

အချက်အရာ လိုဘာသာ

lch(ယခု အရောင် ကို ပြုပြင် ပြီး အရောင် ကို အခြေခံ အရောင် အား သတ်မှတ် C H / A)
အတ္ထုပတ္တိ အချက်
ယခု အရောင် ကို ပြုပြင် ပြီး အရောင် ကို အခြေခံ အရောင် အား သတ်မှတ်

လိုအပ်

0 (သို့မဟုတ် 0%) က ရူပ ဖြစ် ပြီး 100 (သို့မဟုတ် 100%) က ဖြူ ဖြစ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

C

လိုအပ်

အနည်းဆုံး 0 (သို့မဟုတ် 0%) ဖြစ် ပြီး အမြင့်ဆုံး အပေါ်လုံး မရှိ (သို့သော် အမြင့်ဆုံး 230 အထိ မပြတ်) 100% က 150 နှင့် ညီ

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

H

လိုအပ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

/ A

လိုအပ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအား 0deg နှင့် ညီ)

မိတ်ဆက် အား 100% ဟု ပြော

အတ္ထုပတ္တိ လိုဘာသာ

lch(from color ယခု အရောင် ကို ပြုပြင် ပြီး အရောင် ကို အခြေခံ အရောင် အား သတ်မှတ် C H / A)
အတ္ထုပတ္တိ အချက်
from color

ဖော်ပြ

from

ယခု အရောင် ကို ပြုပြင် ပြီး အရောင် ကို အခြေခံ အရောင် အား သတ်မှတ်

လိုအပ်

0 (သို့မဟုတ် 0%) က ရူပ ဖြစ် ပြီး 100 (သို့မဟုတ် 100%) က ဖြူ ဖြစ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

C

လိုအပ်

ပြင်း အရာဝတ္တု တွင် a နှစ်ဖက် ကို ကို သတ်မှတ်

-125 က ဖလား ဖြစ် ပြီး 125 က အပြင်း ဖြစ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

H

လိုအပ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအ�း 0% နှင့် ညီ)

/ A

လိုအပ်

none လည်း အသုံးပြု ရပါ နိုင် (ပြင်းအား 0deg နှင့် ညီ)

မိတ်ဆက် အား 100% ဟု ပြော

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

ပုံစံ: CSS အရောင် စက္ကူး အပြည့်အဝေး 4

ဘတ်မြုပ် ကူညီ

ဘတ်မြုပ် အရ ပြင်းအား ကို ကို သတ်မှတ်

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
ပြင်းအား နှင့် စက္ရား ပေါင်းစပ်
116 116 113 16.2 102

လျှက် ပြီး

参考:CSS ပျက်သွား

参考:CSS hsl() ကုဒ္

参考:CSS hwb() 函数

参考:စက်တင် အယူအဆ ()

参考:CSS oklab() 函数

参考:CSS oklch() 函数