CSS lch() फ़ंक्शन
- पिछला पृष्ठ CSS lab() फ़ंक्शन
- अगला पृष्ठ CSS light-dark() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
विवरण और उपयोग
CSS का lch() लेख-चरित्र-हलकाई (LCH) रंग जीवीत-स्पेक्ट्रम में रंग निर्धारित करने वाली फ़ंक्शन.
उदाहरण
विभिन्न lch() रंग:
#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p3 {background-color:lch(10% 160 200);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}
अपने आप प्रयोग करें
CSS भाषा
संयोजक भाषायह आरक्षित रंग के आधार है। C H / Alch(from
| ) | मान |
|---|---|
| यह आरक्षित रंग के आधार है। |
आवश्यक। रंग के चमकीलापन को परिभाषित करता है, यह 0 से 100 के बीच की संख्या या प्रतिशत मान हो सकता है। 0 (या 0%) श्वेत को प्रतिनिधित्व करता है, 100 (या 100%) श्वेत को प्रतिनिधित्व करता है। भी none (अर्थात् 0%) का उपयोग किया जा सकता है। |
| C |
lch( आवश्यक। रंग के ह्यूडर (रंग का मात्रा) को परिभाषित करता है, यह संख्या या प्रतिशत मान हो सकता है। भी none (अर्थात् 0%) का उपयोग किया जा सकता है। |
| H |
आवश्यक। रंग के टोन को परिभाषित करता है, यह संख्या या दूरी मान हो सकता है। भी none (अर्थात् 0डिग्री) का उपयोग किया जा सकता है। |
| / A |
वृद्धि (वृद्धि)। रंग की पारदर्शिता चैनल का मान प्रतिनिधित्व करता है (0% या 0 अर्थात् पूर्ण रूप से पारदर्शी, 100% या 100 अर्थात् पूर्ण रूप से अपारदर्शी)। भी none (अर्थात् अविरत पारदर्शिता चैनल) का उपयोग किया जा सकता है। डिफ़ॉल्ट मान 100% है। |
सबसे छोटा मान 0 (या 0%) है। अधिकतम मान अविशेष्ट है (वास्तव में 230 से अधिक नहीं होता), 100% 150 के बराबर है।
सापेक्षिक वाक्य भाषा from यह आरक्षित रंग के आधार है। C H / Alch(from
| ) | मान |
|---|---|
| वर्णन from |
color शब्दांत: from के साथ शुरू होता है, बाद में आरक्षित रंग के रंग मान का प्रतिनिधित्व करता है। |
| यह आरक्षित रंग के आधार है। |
आवश्यक। रंग के चमकीलापन को परिभाषित करता है, यह 0 से 100 के बीच की संख्या या प्रतिशत मान हो सकता है। 0 (या 0%) श्वेत को प्रतिनिधित्व करता है, 100 (या 100%) श्वेत को प्रतिनिधित्व करता है। भी none (अर्थात् 0%) का उपयोग किया जा सकता है। |
| C |
आवश्यक। -125 से 125 के बीच की संख्या या -100% से 100% के बीच का प्रतिशत मान परिभाषित करता है। परिभाषित करता है, यह रंग के रेड-ग्रीन स्केल को प्रतिनिधित्व करता है। -125 लेरी रंग को प्रतिनिधित्व करता है, 125 लेरी रंग को प्रतिनिधित्व करता है। भी none (अर्थात् 0%) का उपयोग किया जा सकता है। |
| H |
आवश्यक। रंग के टोन को परिभाषित करता है, यह संख्या या दूरी मान हो सकता है। भी none (अर्थात् 0डिग्री) का उपयोग किया जा सकता है। |
| / A |
वृद्धि (वृद्धि)। रंग की पारदर्शिता चैनल का मान प्रतिनिधित्व करता है (0% या 0 अर्थात् पूर्ण रूप से पारदर्शी, 100% या 100 अर्थात् पूर्ण रूप से अपारदर्शी)। भी none (अर्थात् अविरत पारदर्शिता चैनल) का उपयोग किया जा सकता है। डिफ़ॉल्ट मान 100% है। |
तकनीकी विवरण
| संस्करण: | CSS कलर मॉड्यूल लेवल 4 |
|---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण है।
| च्रोम | एज | फ़ायरफॉक्स | सैफ़री | ऑपेरा |
|---|---|---|---|---|
| lch() | ||||
| 111 | 111 | 113 | 15 | 97 |
| पैरामीटर में संख्या और प्रतिशत को मिलाया जाता है | ||||
| 116 | 116 | 113 | 16.2 | 102 |
संबंधित पृष्ठ
संदर्भःसीएसएस रंग
संदर्भःCSS hsl() फ़ंक्शन
संदर्भःCSS hwb() फ़ंक्शन
संदर्भःCSS lab() फ़ंक्शन
संदर्भःCSS oklab() फ़ंक्शन
संदर्भःCSS oklch() फ़ंक्शन
- पिछला पृष्ठ CSS lab() फ़ंक्शन
- अगला पृष्ठ CSS light-dark() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
