CSS HSL రంగులు
- ముందస్తు పేజీ CSS HEX రంగులు
- తదుపరి పేజీ CSS బ్యాక్గ్రౌండ్
HSL విలువ
సిఎస్ఎస్ లో, రంగును హువు, సార్వత్రికత మరియు ప్రకాశం (HSL) ద్వారా నిర్వచించవచ్చు, ఫార్మాట్ ఈ విధంగా ఉంటుంది:
hsla(hue, saturation, lightness)
రంగు ప్రాంతం (hue）రంగు చక్రంపై నుండి 0 నుండి 360 డిగ్రీలు ఉన్నాయి. 0 అనేది రెడ్, 120 అనేది గ్రీన్, 240 అనేది బ్లూ.
సార్వత్రికత (saturation）ఒక శాతము విలువ గా ఉంటుంది, 0% అనేది గ్రే షేడ్, మరియు 100% అనేది పూర్తి రంగు.
ప్రకాశం (lightness）కూడా శాతములు, 0% అనేది బ్లాక్, 50% అనేది మధ్యస్థం గా కాని కాని, 100% అనేది వెండిరంగు.
దిగువ హెచ్ఎస్ఎల్ విలువలను మిశ్రమం చేయడానికి ప్రయోగించండి:
HUE
SATURATION
LIGHTNESS
ఉదాహరణ
సార్వత్రికత
సార్వత్రికత అనేది రంగు బలాన్ని వివరించవచ్చు。
100% అనేది పరిశుద్ధ రంగు, గ్రే షేడ్ లేదు
50% అనేది 50% గ్రే, కానీ మీరు రంగును చూడగలరు.
0% అనేది పూర్తి గ్రే, మీరు రంగును చూడలేరు.
ఉదాహరణ
ప్రకాశం
రంగు ప్రకాశం ను వివరించడం లో, రంగుకు ఎంత కాంతిని ఇవ్వాలో చెప్పవచ్చు, అందులో 0% అనేది ప్రకాశం లేని (బ్లాక్), 50% అనేది 50% ప్రకాశం (మధ్యస్థం గా కాని కాని), 100% అనేది పూర్తి ప్రకాశం (వెండిరంగు).
ఉదాహరణ
సాధారణంగా, రంగుని హువు మరియు సార్వత్రికతను 0 గా సెట్ చేస్తూ మరియు ప్రకాశంను 0% నుండి 100% గా సర్దుబాటు చేస్తూ గ్రే షేడ్ ను నిర్వచించవచ్చు:
ఉదాహరణ
HSLA విలువ
HSLA రంగు విలువ హెచ్ఎస్ఎల్ రంగు విలువలో అల్పా చానల్ తో విస్తరించబడింది - ఇది రంగు అనుప్రయోగాన్ని నిర్దేశిస్తుంది。
HSLA రంగు విలువ నిర్ధారించబడింది：
hsla(hue, saturation, lightness, alpha)
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字：
క్రింది HSLA విలువలను కలపడం ద్వారా ప్రయోగించండి:
HUE
SATURATION
LIGHTNESS
ALPHA
ఉదాహరణ
- ముందస్తు పేజీ CSS HEX రంగులు
- తదుపరి పేజీ CSS బ్యాక్గ్రౌండ్
