R.I.B.H.U. Academy^®

HSL रंग मान

    HSL (ह्यू सैचुरेशन लाइटनेस) रंग मान बहुत मददगार होते हैं, जब आप HSL रंग मूल्यों के साथ कुछ समान रूप से विभाजित ग्रेडिएंट बनाना चाहते हैं। HSL मानों के साथ बनाए गए इस ग्रेडिएंट का एक उदाहरण नीचे दिखाया गया है।

    Hue का अर्थ है 0° से 360° ( घड़ी या घड़ी के विपरीत : क्लॉकवाइज़ या काउंटर-क्लॉकवाइज़ ) के विभिन्न रंग। 0    RED    है, 30    ORANGE    है, 60    YELLOW    है, 90    LIME    है, 120    GREEN    है, 150    LIGHTGREEN    है, 180    CYAN    है, 210    LIGHTBLUE    है, 240    BLUE    है, 270    VIOLET    है, 300    MAGENTA    है, 330    CRIMSON    है, और 360    RED    है। (अस्वीकरण: अपरकेस में ये रंग-नाम केवल चित्रण के लिए हैं, और समकक्ष रंग-नाम नहीं हैं, इसलिए रंग मानों में अंतर हो सकता है)।

    संतृप्ति (saturation) का अर्थ है रंगों की गहराई, और इसका मान 0% (कोई रंग नहीं) से शुरू और 100% (पूर्ण रंग) तक होता है।

    हल्कापन स्वयं व्याख्यात्मक है, और आप सही हैं, अगर आपको लगता है कि 0% काला (कोई प्रकाश नहीं) है, और 100% सफेद (पूर्ण उज्ज्वल प्रकाश) है। ये उपरोक्त रंग 50% हल्केपन पर हैं । निम्नलिखित रंगों के अलग-अलग हल्केपन मूल्य हैं:

Lightness: 25%

Colors at   10% Saturation                                                                                    
Colors at   25% Saturation                                                                                    
Colors at   50% Saturation                                                                                    
Colors at    75% Saturation                                                                                    
Colors at 100% Saturation                                                                                    

Lightness: 50%

Colors at   10% Saturation                                                                                    
Colors at   25% Saturation                                                                                    
Colors at   50% Saturation                                                                                    
Colors at    75% Saturation                                                                                    
Colors at 100% Saturation                                                                                    

Lightness: 75%

Colors at   10% Saturation                                                                                    
Colors at   25% Saturation                                                                                    
Colors at   50% Saturation                                                                                    
Colors at    75% Saturation                                                                                    
Colors at 100% Saturation                                                                                    

    HSL मान hsl() के साथ लिखे जाते हैं, और कोष्ठक के अंदर के मान या तो , (अल्पविराम) या रिक्त स्थान से अलग किए जाते हैं। पहला मान रंग डिग्री में है, लेकिन आपको डिग्री या अन्य प्रतीक लिखने की ज़रूरत नहीं है। केवल 0 से 360 तक पूर्णांक मान मान्य हैं। दूसरे और तीसरे मान को प्रतिशत में लिखा जाता है, उदाहरण के लिए, 0% या 100% (दोनों शामिल)। इसलिए, 3,672,360 (360*101*101) संभावित HSL रंग मान हैं। लेकिन तीसरे मान का 0% और 100% क्रमशः काले और सफेद रंग प्रदर्शित करेंगे। इसके अलावा, 5% से कम संतृप्ति वाले रंग तटस्थ ग्रे रंग प्रदर्शित करेंगे। HSL मान लिखने के उदाहरण हैं:

<p style="color:hsl(30, 10%, 50%)"> R.I.B.H.U. Academy </p>

<p style="color:hsl(40 10% 50%)"> R.I.B.H.U. Academy </p>