जब स्क्रीन पर रंग बिखेरने की बात आती है, तो इसे कोडिंग के साथ करने के कुछ तरीके हैं। हेक्स, आरजीबीए, और एचएसएलए तीन सबसे अधिक इस्तेमाल किए जाने वाले रंग कोड सिस्टम हैं।
आप शायद अतीत में हेक्स कोड और आरजीबी में आए हैं, लेकिन एचएसएल, अधिक मानव-पठनीय होने के बावजूद, अभी तक आपके रडार पर नहीं हो सकता है। रंग लिखने का हर तरीका अलग-अलग स्थितियों में समझ में आता है, और आपको एक सूचित निर्णय लेने के लिए प्रत्येक प्रकार की बुनियादी समझ की आवश्यकता होती है। यहां हम RGB, HEX और HSL के बीच के अंतरों की व्याख्या करेंगे।
RGB (लाल, हरा, नीला) क्या है
आरजीबी मूल्यों के साथ शुरू करना समझ में आता है, क्योंकि लाल , हरा , और नीला वे तीन रंग हैं जिनका उपयोग स्क्रीन हर दूसरे रंग का बहुत अधिक उत्पादन करने के लिए कर सकती है। यह "एडिटिव कलर मिक्सिंग" का उपयोग करके ऐसा करता है, लेकिन आपको RGB को समझने के लिए इसके विज्ञान में तल्लीन करने की आवश्यकता नहीं है।
rgb(255, 0, 0)
लाल है, क्योंकि R अधिकतम है। अगर आप या तो G या B को 255 पर सेट करते हैं, तो आपको पूरा हरा या पूरा नीला रंग मिल जाएगा। उन सभी को एक बार में 255 पर सेट करें और आपको सफेद (सभी रंगों का योग) मिलेगा, जबकि उन्हें शून्य करने से काला रंग आता है। यदि आप चौथा मान जोड़ते हैं (अल्फ़ा चैनल, 0 से 1 के बीच) तो आप पारदर्शिता भी प्राप्त कर सकते हैं:rgba(0, 0, 0, .5)
आधे-पारदर्शी काले रंग में अनुवाद करता है।
यह सरल है, हाँ, लेकिन वास्तव में वह सहज नहीं है। आरजीबी संतुलन काफी हद तक बदल सकता है, भले ही आप केवल रंग की छाया बदल रहे हों, जिससे मनुष्यों के लिए किसी प्रकार के आरजीबी जनरेटर के बिना मैन्युअल समायोजन करना बहुत मुश्किल हो जाता है (जिनमें से, सौभाग्य से, कई हैं)।पी>
हेक्साडेसिमल कलर कोड क्या होते हैं
हेक्स आरजीबी मान लिखने का एक अलग तरीका है। कुछ इस तरह #6a79f7
(कॉर्नफ्लॉवर नीला) सीधे rgb(106, 121, 247)
पर मैप करता है . 6a लाल . है , 79 हरा . है , और f7 नीला . है ।
सबसे पहले, आपको पता होना चाहिए कि हेक्स रंग प्रणाली में "ए-एफ" अक्षर दस से पंद्रह की संख्या का प्रतिनिधित्व करते हैं। दूसरे, यह हेक्साडेसिमल है , यानी सब कुछ बेस 16 में है। 21 2 * 10 + 1
. है आधार 10 में, लेकिन हेक्साडेसिमल में यह 2 * 16 + 1
. होगा . बस पहली संख्या को 16 से गुणा करें और दूसरी संख्या जोड़ें - यह उतना ही आसान है! 6a = 6 * 16 + 10
या 106. 79 = 7 * 16 + 9
या 121.
जबकि गणित मजेदार है, यह स्पष्ट रूप से हेक्साडेसिमल कोड को आरजीबी की तुलना में मनुष्यों के लिए और भी अधिक दर्द देता है, हालांकि वे कॉपी-पेस्ट करने में आसान होते हैं और यादगार अक्षर/संख्या संयोजन हो सकते हैं।
आप शुरुआत में 255 के कुछ प्रतिशत के बराबर मान डालकर हेक्स कोड में पारदर्शिता भी जोड़ सकते हैं, जैसे:#806a79f7
. 80 हेक्साडेसिमल में =126, जो 255 के अधिकतम मान के 50% के करीब है।
HSL (ह्यू, सैचुरेशन, लाइटनेस) क्या है
एचएसएल काफी हद तक मानव पठनीयता के लिए डिज़ाइन किया गया था, और यह विशेष रूप से आरजीबी विकल्प के रूप में लोकप्रियता प्राप्त कर रहा है। यह इस तरह काम करता है:
रंग रंग का मतलब है, और यह आपको यह बताने के लिए रंग चक्र की डिग्री का उपयोग करता है कि आप किस रंग पर हैं। यदि आप रंग चक्र और इन मुख्य रंगों की स्थिति को जानते हैं, तो आप यह बताने में सक्षम होंगे कि 45 नारंगी दिखाई देंगे और 270 केवल एक सेकंड के लिए इसके बारे में सोचकर बैंगनी दिखाई देंगे।
- 0 =लाल
- 60 =पीला
- 120 =हरा
- 180 =सियान
- 240 =नीला
- 300 =मैजेंटा
संतृप्ति अनिवार्य रूप से रंग कितना रंगीन है। 0% संतृप्ति का अर्थ है कि रंग केवल धूसर रंग का होगा, जबकि 100% का अर्थ है कि यह पूरी ताकत दिखाएगा। अगर आप अपने रंग को म्यूट करना चाहते हैं या इसे थोड़ा और पॉप करना चाहते हैं, तो आप बस इस मान को बदल सकते हैं।
हल्कापन आपको बताता है कि रंग कितना गहरा या चमकीला है। 0% लपट का मतलब है कि आपका रंग काला होगा, भले ही रंग या संतृप्ति सेटिंग्स कुछ भी हों, और 100% हल्कापन आपको सफेद बना देगा। जैसा कि आपने अनुमान लगाया होगा, 50% आपको सबसे सटीक रंग देता है।
उस जानकारी के साथ, आप तुरंत बता सकते हैं कि hsl(0, 100%, 50%)
क्या है साधन। यह सिर्फ लाल है! एक गहरा, अमीर लाल चाहते हैं? 0, 70%, 40%
आज़माएं . शायद आप ऐसा चाहते हैं, लेकिन नीले रंग में? बस 0 से 240 में बदलें और आपको मिल गया! इसमें पारदर्शिता भी है - यह RGB की तरह ही काम करता है:बस एक चौथा मान जोड़ें (0 और 1 के बीच), जैसे:hsla(240, 70%, 40%, .5)
।
HSV/HSB और HSI
क्या? अधिक रंग मॉडल? यह खत्म कब होता है? कंप्यूटर पर रंगों के साथ काम करने वाले अधिकांश लोगों के लिए, यह पहले ही समाप्त हो चुका है। रंगों को नोट करने के लिए हेक्स, आरजीबी और एचएसएल अब तक के सबसे सामान्य तरीके हैं। यदि आप बहुत सारे चित्र और रंग वाले क्षेत्र में हैं, हालांकि, ग्राफिक डिज़ाइन या छवियों पर मशीन सीखने की तरह, तो आप इन अधिक गूढ़ रंग मॉडल में से किसी एक का उपयोग कर रहे लोगों से मिल सकते हैं, या यहां तक कि यहां सूचीबद्ध नहीं किए गए अन्य में से एक का उपयोग कर सकते हैं।पी>
HSB का मतलब ह्यू सैचुरेशन ब्राइटनेस है और HSV का मतलब ह्यू सैचुरेशन वैल्यू है। वे वास्तव में एक ही मॉडल के लिए अलग-अलग नाम हैं, और एचएसएल से उनका सबसे बड़ा अंतर यह है कि वे संतृप्ति को कैसे परिभाषित करते हैं। एचएसआई (ह्यू संतृप्ति तीव्रता) में एचएसबी/एचएसवी से कुछ मामूली अंतर हैं, लेकिन इसका व्यापक रूप से उपयोग नहीं किया जाता है, इसलिए संभावना है कि आप इसे जंगली में बहुत अधिक नहीं देखेंगे।
मुझे किस रंग के मॉडल का उपयोग करना चाहिए?
आम तौर पर, एक रंग मॉडल चुनना काफी मामूली डिजाइन निर्णय होता है, लेकिन कई छोटे निर्णयों के साथ अच्छी चीजें की जाती हैं। सामान्य तौर पर, हेक्स कोड कॉपी-पेस्ट करना आसान बनाते हैं और उन स्थितियों में बहुत अच्छे होते हैं जहां मनुष्य शायद बहुत अधिक शामिल नहीं होंगे। आरजीबी/आरजीबीए पठनीयता के लिए अच्छा है और इसका सबसे अच्छा उपयोग तब किया जाता है जब यह अच्छा होगा यदि कोई मानव कभी-कभी पारदर्शिता को बदल सकता है। अगर किसी इंसान को मैन्युअल रूप से रंग बदलने की आवश्यकता होगी, तो एचएसएल/एचएसएलए के साथ जाएं। इसके अलावा, यह काफी हद तक वरीयता का मामला है, हालांकि टीम एचएसएल के लोग होशियार और बेहतर दिखने वाले होते हैं।