रंग एचएसएल


एचएसएल कैलकुलेटर


 
आरजीबी (255, 0, 0)
#ff0000


एच:
एस:
एल:

एचएसएल रंग

HSL रंग मान IE9+, Firefox, Chrome, Safari और Opera 10+ में समर्थित हैं।

HSL का मतलब रंग, संतृप्ति और हल्कापन है।

HSL रंग मान इसके साथ निर्दिष्ट हैं: .hsl(hue, saturation, lightness)


रंग

रंग पहिया पर रंग 0 से 360 तक की डिग्री है। 0 लाल है, 120 हरा है, 240 नीला है।


परिपूर्णता

संतृप्ति एक प्रतिशत मान है; 0% का अर्थ है ग्रे की छाया और 100% पूर्ण रंग है।


लपट

हल्कापन भी एक प्रतिशत है; 0% काला है, 100% सफेद है।

"; } x += ""; x += ""; n = 0; के लिए (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable")। आंतरिक HTML = x; } फ़ंक्शन drawSatTable (ह्यू) { var x, i; x = "" x + = ""; के लिए (i = 0; i "; } x + = ""; x + = ""; के लिए ( मैं = 0; मैं "; } एक्स + = "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; के लिए (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>

❮ पहले का अगला ❯