HTML HSL နှင့် HSLA အရောင်များ
HSL သည် အရောင်အသွေး၊ ပြည့်ဝမှုနှင့် ပေါ့ပါးမှုကို ကိုယ်စားပြုသည်။
HSLA အရောင်တန်ဖိုးများသည် Alpha ချန်နယ် (opacity) ဖြင့် HSL ၏ တိုးချဲ့မှုတစ်ခုဖြစ်သည်။
HSL အရောင်တန်ဖိုးများ
HTML တွင်၊ အသွေးအရောင်၊ ပြည့်ဝမှုနှင့် ပေါ့ပါးမှု (HSL) ကို ပုံစံဖြင့် သတ်မှတ်နိုင်သည်-
hsl( အသွေးအရောင် ၊ ပြည့်ဝမှု ၊ ပေါ့ပါးမှု )
အသွေးသည် 0 မှ 360 အထိ အရောင်ဘီးပေါ်တွင် ဒီဂရီတစ်ခုဖြစ်သည်။ 0 သည် အနီရောင်ဖြစ်ပြီး 120 သည် အစိမ်းရောင်ဖြစ်ပြီး 240 သည် အပြာဖြစ်သည်။
Saturation သည် ရာခိုင်နှုန်းတန်ဖိုးတစ်ခုဖြစ်ပြီး 0% သည် မီးခိုးရောင်အရိပ်ဖြစ်ပြီး 100% သည် အရောင်အပြည့်ဖြစ်သည်။
အလင်းသည် ရာခိုင်နှုန်းတန်ဖိုးတစ်ခုဖြစ်ပြီး 0% သည် အနက်ရောင်ဖြစ်ပြီး 100% သည် အဖြူရောင်ဖြစ်သည်။
အောက်ပါ HSL တန်ဖိုးများကို ရောစပ်ခြင်းဖြင့် စမ်းသပ်ပါ။
hsl(0၊ 100%, 50%)
HUE
ရွှဲရွှဲ
ပေါ့ပါးမှု
ဥပမာ
ရွှဲ
Saturation ကို အရောင်တစ်ခု၏ ပြင်းထန်မှုအဖြစ် ဖော်ပြနိုင်သည်။
100% သည် အရောင်စစ်စစ်ဖြစ်ပြီး မီးခိုးရောင် အရိပ်များမရှိပါ။
50% သည် 50% မီးခိုးရောင်ဖြစ်သော်လည်း အရောင်ကို သင်မြင်နိုင်သေးသည်။
0% သည် လုံးဝ မီးခိုးရောင်ဖြစ်ပြီး အရောင်ကို မမြင်ရတော့ပါ။
ဥပမာ
ပေါ့ပါးမှု
အရောင်တစ်ခု၏အလင်းအား သင်အရောင်ပေးလိုသောအလင်းရောင်ကို 0% ဆိုသည်မှာ အနက်ရောင်မဟုတ်သော၊ 50% သည် အလင်း 50% (အမှောင်မဟုတ်) 100% သည် အလင်းရောင်အပြည့် (အဖြူ) ကို ဆိုလိုသည်။
ဥပမာ
မီးခိုးရောင်အရိပ်များ
မီးခိုးရောင် အရိပ်များကို အသွေးအရောင်နှင့် ရွှဲစိုမှု 0 သို့ သတ်မှတ်ကာ အလင်းအား 0% မှ 100% အထိ ချိန်ညှိခြင်းဖြင့် ပိုမိုနက်မှောင်သော/ပေါ့ပါးသော အရိပ်များ ရရှိရန်-
ဥပမာ
HSLA အရောင်တန်ဖိုးများ
HSLA အရောင်တန်ဖိုးများသည် Alpha ချန်နယ်တစ်ခုနှင့် HSL အရောင်တန်ဖိုးများ၏ တိုးချဲ့မှုတစ်ခုဖြစ်သည် - အရောင်တစ်ခုအတွက် အလင်းပိတ်မှုကို သတ်မှတ်ပေးသည်။
HSLA အရောင်တန်ဖိုးကို အောက်ပါတို့နှင့်အတူ သတ်မှတ်ထားပါသည်။
hsla( အသွေးအရောင်၊ ပြည့်ဝမှု ၊ ပေါ့ပါးမှု၊ အယ်လ်ဖာ )
အယ်လ်ဖာ ကန့်သတ်ဘောင်သည် 0.0 (အပြည့်အဝ ဖောက်ထွင်းမြင်နိုင်သည်) နှင့် 1.0 (လုံးဝ ပွင့်လင်းမြင်သာမှု မရှိပါ) အကြား နံပါတ်တစ်ခုဖြစ်သည်။
အောက်ပါ HSLA တန်ဖိုးများကို ရောနှောခြင်းဖြင့် စမ်းသပ်ပါ-
hsla (0၊ 100%, 50%, 0.5)
HUE
ရွှဲရွှဲ
ပေါ့ပါးမှု
ALPHA