အရောင်များ ကျူတိုရီရယ်

အရောင်များ ပင်မစာမျက်နှာ အရောင်အမည်များ အရောင်တန်ဖိုးများ အရောင်အုပ်စုများ အရောင်အရိပ်များ အရောင်ရွေးချယ်မှု အရောင်ဖျော်စက် အရောင်ပြောင်း အရောင် RGB အရောင် HEX အရောင် HSL အရောင် HWB အရောင် CMYK အရောင် NCol အရောင်ခြယ်မှု အရောင်သီအိုရီ အရောင်ဘီးများ လက်ရှိအရောင် အရောင်အသွေး အရောင်အစီအစဉ်များ အရောင်စုံများ အရောင်အမှတ်တံဆိပ်များ အရောင် W3.CSS အရောင် Metro UI Win8 အရောင် Color Flat UI အရောင်စိတ်ပညာ

အရောင် အစီအစဉ်များ

အရောင်များ Monochromatic အရောင်များ တူညီသည်။ အရောင်များ ဖြည့်စွက် Triadic အရောင်များ အရောင်များ ခြံဝင်း၊

အရောင် လမ်းကြောင်းများ

တစ်နှစ်တာ၏အရောင်များ အရောင်များ 2021 အရောင်များ 2020 အရောင်များ 2019 အရောင်များ 2018 အရောင်များ 2017 အရောင်များ 2016

အရောင် စံနှုန်းများ

အရောင်များ USA အရောင်များဖြစ်ရပါမယ်။ အရောင်များ သြစတြေးလျ အရောင်များ RAL NBS အရောင်များ NCS အရောင်များ အရောင်များ X11 Crayola အရောင်များ အရောင်များ Resene အရောင်များ XKCD

HSL အရောင်များ


HSL ဂဏန်းတွက်စက်


 
rgb(255, 0, 0)
#ff0000


H:
S:
L:

HSL အရောင်များ

HSL အရောင်တန်ဖိုးများကို IE9+၊ Firefox၊ Chrome၊ Safari နှင့် Opera 10+ တွင် ပံ့ပိုးထားပါသည်။

HSL သည် အရောင်အသွေး၊ ပြည့်ဝမှုနှင့် ပေါ့ပါးမှုကို ကိုယ်စားပြုသည်။

HSL အရောင်တန်ဖိုးများကို : .hsl(hue, saturation, lightness)


အသွေး

အသွေးသည် 0 မှ 360 အထိ ဘီးပေါ်တွင် ဒီဂရီတစ်ခုဖြစ်သည်။ 0 သည် အနီရောင်ဖြစ်ပြီး 120 သည် အစိမ်းရောင်ဖြစ်ပြီး 240 သည် အပြာဖြစ်သည်။


ရွှဲ

Saturation သည် ရာခိုင်နှုန်းတန်ဖိုးတစ်ခုဖြစ်သည်။ 0% သည် မီးခိုးရောင်အရိပ်ဖြစ်ပြီး 100% သည် အရောင်အပြည့်ဖြစ်သည်။


ပေါ့ပါးမှု

အလင်းရောင်သည်လည်း ရာခိုင်နှုန်းတစ်ခုဖြစ်သည်။ 0% သည် အနက်ရောင်ဖြစ်ပြီး 100% သည် အဖြူရောင်ဖြစ်သည်။

"; } x += ""; x += ""; n = 0; အတွက် (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable")။ innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( i = 0; i "; } x += "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for (i = 0; i"; } x += "
" + i + "
"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

သင်ကိုယ်တိုင်စမ်းကြည့်ပါ။

HSL အရောင်တန်ဖိုးများကို အဓိကဘရောက်ဆာအားလုံးတွင် ပံ့ပိုးထားသည်။

ဥပမာ

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

❮ ယခင် နောက်တစ်ခု ❯