गाइड

रंगत, संतृप्ति और चमक: सरल व्याख्या

स्क्रीन पर हर रंग को तीन संख्याओं से बताया जा सकता है, और उन संख्याओं को चुनने का सबसे इंसानी तरीका है रंगत, संतृप्ति और चमक: कौन-सा रंग, उसमें कितना रंग, कितना हल्का। यह मॉडल इतना सरल है कि एक पेज पर समझाया जा सके और इतना उपयोगी कि ज़्यादातर कलर पिकर इसी पर बने हैं। रंग की याद की गलती को पढ़ने लायक भी यही मॉडल बनाता है, क्योंकि यह उन तीन चीज़ों को अलग करता है जिनमें कोई व्यक्ति गलत हो सकता है।

संक्षेप में

  • रंगत रंग-चक्र पर रंग की स्थिति है, 0° से 360° तक का कोण: लाल 0° पर, हरा लगभग 120° पर, नीला लगभग 240° पर, फिर लौटकर लाल।
  • संतृप्ति यह है कि उस रंगत की कितनी मात्रा मौजूद है, 0 प्रतिशत (स्लेटी) से 100 प्रतिशत (शुद्ध रंग) तक। चमक यह है कि वह कितना हल्का है, 0 प्रतिशत (काला) से 100 प्रतिशत तक।
  • रंगत एक वृत्त है, इसलिए दो रंगतें ज़्यादा से ज़्यादा 180° दूर हो सकती हैं — चक्र के आमने-सामने के सिरे। इससे बड़ी कोई भी त्रुटि असल में दूसरी ओर से घूमने पर छोटी होती है।
  • HSB आँख से रंग चुनने और बताने के लिए है; RGB वह तरीका है जिससे स्क्रीन उन्हें बनाती हैं; Lab यह मापने के लिए है कि दो रंग कितने अलग दिखते हैं। वे अलग-अलग सवालों के जवाब देते हैं।
  • तीन अलग स्लाइडर से रंग दोबारा बनाना उजागर करता है कि तीनों आकलनों में से कौन-सा चूका। नमूनों में से चुनना यह नहीं कर सकता।

तीन संख्याएँ, तीन सवाल

कोई रंग लें — मान लीजिए एक फीका हरा-नीला (टील)। उसका वर्णन करने को कहा जाए, तो आप यह नहीं बताएँगे कि उसमें कितनी लाल, हरी और नीली रोशनी है, भले ही स्क्रीन वही कर रही हो। आप कहेंगे कि वह नीला-हरा है, बहुत तेज़ नहीं, थोड़ा गहरा। यही HSB है: रंगत, संतृप्ति, चमक, उसी क्रम में जिसमें इंसान असल में सोचता है। यह मॉडल 1970 के दशक के अंत में Alvy Ray Smith ने ठीक इसलिए प्रस्तावित किया था कि लोग रंग उसी तरह चुन सकें जैसे वे उन्हें देखते हैं। इसे HSV भी कहते हैं, जहाँ V वैल्यू है; दोनों एक ही मॉडल हैं।

पहलूवह किस सवाल का जवाब देता हैदायरासिरे
रंगतयह कौन-सा रंग है?0°–360°0° पर लाल, फिर पीला, हरा, सियान, नीला और मैजेंटा से होकर वापस लाल
संतृप्तिउसमें उस रंग की कितनी मात्रा है?0–100%0% बिना किसी रंगत का स्लेटी है; 100% उस रंगत का सबसे शुद्ध रूप है
चमकवह कितना हल्का है?0–100%बाकी दोनों जो भी हों, 0% काला है; 100% उतना हल्का जितना वह रंगत हो सकती है

रंगत एक कोण है, और यह मायने रखता है

रंगत को वृत्त पर इसलिए रखा गया है कि स्पेक्ट्रम, जो लाल से बैंगनी तक एक रेखा में चलता है, उन बैंगनी-गुलाबी रंगों से होकर जुड़ जाता है जो इंद्रधनुष में नहीं होते: मैजेंटा बैंगनी और लाल के बीच बैठकर घेरा पूरा करता है। इसलिए रंगत को कोण के रूप में मापा जाता है। लाल 0° है, पीला लगभग 60°, हरा लगभग 120°, सियान लगभग 180°, नीला लगभग 240°, मैजेंटा लगभग 300°, और 360° फिर लाल है।

वृत्त का एक नतीजा है जो रेखा का नहीं होता: एक अधिकतम संभव दूरी होती है, और वह आधे घेरे पर है। दो रंगतें कभी 180° से ज़्यादा दूर नहीं हो सकतीं। 10° के लक्ष्य के लिए 350° का अंदाज़ा 340° की गलती नहीं है; वह चक्र के ऊपर से 20° की गलती है। रंगत का कोई भी ईमानदार स्कोर छोटे रास्ते से नापना चाहिए, और सबसे बड़ी संभव रंगत-त्रुटि किसी रंग का पूरक है — ठीक उसके सामने की रंगत। इसीलिए Percore रंगत की त्रुटि को 180° पर सामान्यीकृत करता है: यही बिल्कुल सही से लेकर जितना गलत हुआ जा सकता है, उतने गलत तक का विस्तार है।

संतृप्ति और चमक

संतृप्ति रंग में रंगत की मात्रा है। शून्य संतृप्ति पर हर रंगत एक ही स्लेटी में सिमट जाती है, इसीलिए बहुत फीके या धूसर रंग की रंगत का नाम बताना सचमुच कठिन होता है — उसमें देखने लायक रंगत लगभग है ही नहीं। पूरी संतृप्ति पर रंग उतना चटख होता है जितना रंगत इजाज़त देती है। चमक बस इतनी है कि रंग कितना हल्का है; शून्य चमक पर सब कुछ काला है, रंगत और संतृप्ति कुछ भी कहें।

दोनों आपस में ऐसे असर डालते हैं जो लोगों को उलझाता है। गहरा, संतृप्त लाल और हल्का, कम संतृप्त लाल बिल्कुल अलग रंग लग सकते हैं, हालाँकि उनकी रंगत एक है। व्यवहार में, रंग याद करने वाले लोग रंगत लगभग सही रखते हैं और संतृप्ति को बढ़ाकर बताते हैं — याद किया हुआ रंग असली से ज़्यादा चटख होता है — और चमक की गलतियाँ आसपास की रोशनी के हिसाब से किसी भी तरफ़ जाती हैं। हर पहलू के स्कोर में यही पैटर्न देखने लायक हैं।

दूसरे मॉडलों के बगल में HSB

HSB एक ही रंग को बताने के कई तरीकों में से एक है, और हर एक किसी वजह से है। किसी काम के लिए गलत मॉडल चुनना उलझन की आम वजह है, इसलिए यहाँ हर एक किस काम का है।

मॉडलयह क्या हैकिसके लिए सबसे अच्छा
HSB / HSVरंगत कोण के रूप में, संतृप्ति और चमक प्रतिशत के रूप में। चमक 100% उस रंगत का सबसे शुद्ध, सबसे हल्का रूप है।आँख से रंग चुनना और बताना; कलर पिकर; रंग की याद की गलती का निदान
HSLवही रंगत; चमक की जगह लाइटनेस, जिसमें 100% लाइटनेस हमेशा सफ़ेद है और 50% शुद्ध रंगत।CSS और वेब डिज़ाइन, जहाँ किसी रंग को सफ़ेद की ओर हल्का करना आम काम है
RGBकितनी लाल, हरी और नीली रोशनी, हर एक 0–255। स्क्रीन भौतिक रूप से यही करती है।कोड, फ़ाइल फ़ॉर्मेट, ऐसा कुछ भी जिसे डिवाइस को दिखाना हो; आँख से तर्क करना कठिन
CIELAB (Lab)लाइटनेस और दो विरोधी अक्ष (हरा–लाल, नीला–पीला), इस तरह बने कि बराबर दूरियाँ बराबर अलग दिखें।दो रंगों के बीच अंतर मापना (Delta E); प्रिंट और रंग-प्रबंधन का काम

इसे याद रखने का उपयोगी तरीका: RGB मशीन के लिए है, HSB और HSL इंसान के लिए, और Lab माप के लिए। जो रंग-धारणा के औज़ार Delta E से स्कोर करते हैं वे Lab में माप रहे हैं; जो आपको तीन स्लाइडर देते हैं वे आपको HSB में जवाब देने दे रहे हैं। दोनों जायज़ हैं, और दोनों आपको अलग बातें बताते हैं।

तीन स्लाइडर नमूने से ज़्यादा क्यों बताते हैं

अगर आपको कोई रंग दिखाया जाए, वह ओझल हो जाए, और आप छह नमूनों में से सबसे करीबी चुनें, तो नतीजा जानकारी का एक बिट है: सही या गलत, एक दूरी के साथ। अगर इसके बजाय आप रंग को तीन अलग कंट्रोल से दोबारा बनाएँ, तो नतीजा तीन संख्याएँ हैं — रंगत में, संतृप्ति में, चमक में कितनी चूक — और वे तीन संख्याएँ एक निदान हैं। जिसकी रंगत की त्रुटि छोटी और संतृप्ति की त्रुटि रोज़ बड़ी होती है, उसने अपने देखने के बारे में कुछ सीखा है, और वह उसे सुधार सकता है।

यही तर्क Percore के रंग सत्र के पीछे है, जो स्क्रीन को एक रंग से भरता है, उसे छिपा देता है, और रंगत, संतृप्ति और चमक के स्लाइडर पर उसे वापस माँगता है। हर त्रुटि सामान्यीकृत की जाती है — रंगत 180° पर, बाकी दो अपने पूरे दायरे पर — और तीनों का औसत 0 से 100 की सटीकता बनता है; ब्योरा साथ में दिखाया जाता है। पूरा सूत्र Percore स्कोर कैसे बनाता है में है, और अपनी रंग की धारणा कैसे सुधारें उस ब्योरे को अभ्यास में बदलता है।

तीन स्लाइडर से एक रंग दोबारा बनाएँ।

App Store से डाउनलोड करें

आम सवाल

क्या HSB और HSV एक ही चीज़ हैं?

हाँ। V का मतलब वैल्यू है, B का ब्राइटनेस, और वे एक ही मॉडल को कहते हैं। अलग-अलग सॉफ़्टवेयर अलग नाम इस्तेमाल करते हैं; Apple और Adobe के औज़ार HSB कहते हैं, कई दूसरे HSV।

HSB और HSL में क्या अंतर है?

दोनों में रंगत साझा है। HSB में 100 प्रतिशत चमक उस रंगत का सबसे शुद्ध, सबसे हल्का रूप है; HSL में 100 प्रतिशत लाइटनेस सफ़ेद है और शुद्ध रंगत 50 प्रतिशत पर है। HSL CSS में आम है; HSB डिज़ाइन औज़ारों में।

रंगत-चक्र पर लाल 0° पर क्यों है?

परिपाटी से। चक्र को कहीं से शुरू होना ही था, और मॉडल परिभाषित होते समय लाल चुना गया; लाल, पीला, हरा, सियान, नीला, मैजेंटा का क्रम स्पेक्ट्रम का पालन करता है और मैजेंटा घेरा पूरा करता है।

सबसे बड़ी संभव रंगत-त्रुटि कितनी है?

180°, चक्र पर ठीक सामने की रंगत — किसी रंग का पूरक। इससे बड़ी कोई भी दिखती हुई त्रुटि असल में दूसरी ओर से नापने पर छोटी होती है, इसीलिए रंगत की त्रुटि हमेशा छोटे रास्ते से ली जानी चाहिए।

तीनों में से लोग सबसे ज़्यादा किसमें गलती करते हैं?

व्यवहार में संतृप्ति में: लोग किसी रंग को असल से ज़्यादा चटख याद रखते हैं। रंगत अक्सर करीब होती है, और चमक आसपास की रोशनी पर बहुत निर्भर करती है। हर पहलू का स्कोर आपका अपना पैटर्न दिखाता है।