CSS hsla() ఫంక్షన్

ఉదాహరణ

అనుబంధం లేని వివిధ HSL రంగులను నిర్వచించండి:

#p1 {background-color:hsla(120,100%,50%,0.3);} /* హరితం */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* సందర్భపరమైన హరితం */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* గంభీరమైన హరితం */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* సులభమైన హరితం */

స్వయంగా ప్రయత్నించండి

నిర్వచనం మరియు ఉపయోగం

hsla() ఫంక్షన్ హ్యూ-సాట్యం-లైట్నెస్-అల్పా (HSLA) మోడెల్ను ఉపయోగించి రంగును నిర్వచిస్తుంది。

HSLA రంగు విలువలు HSL రంగు విలువలను విస్తరించాయి, అల్పా చానల్ తో - ఈ చానల్ రంగు అనుబంధం స్పష్టతను నిర్వచిస్తుంది。

వెర్షన్: CSS3

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను చూపిస్తాయి。

ఫంక్షన్
hsla() 1.0 9.0 3.0 3.1 10.0

CSS సంకేతాలు

hsla(హ్యూ, సాట్యం, లైట్నెస్, alpha)
విలువ వివరణ
హ్యూ రంగు చక్రంపై డిగ్రీ నిర్వచించండి (0 నుండి 360 వరకు) - 0 (లేదా 360) రుతుపరి ఉంటుంది, 120 హరితం ఉంటుంది, 240 నీలి ఉంటుంది。
సాట్యం సాట్యం నిర్వచించండి - 0% గ్రే ఉంటుంది మరియు 100% పూర్తి రంగులు (పూర్తి సాట్యం) ఉంటాయి。
లైట్నెస్ 定义亮度 - 0％ 是黑色、50％ 为正常、100％ 是白色。
alpha 定义不透明度，介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。