remover.bg
← ब्लॉग
पढ़ने में 6 मिनट

कलर ब्लाइंडनेस में बैकग्राउंड कैसे चुनें

कटआउट आसान है; उसके पीछे का रंग वह चीज़ है जिसे आप आँखों से जांच नहीं सकते। स्वैच के बजाय हेक्स कोड पढ़ें, लाइटनेस को अलग करने दें, पांच शेड तय करें।

  • colour blindness
  • accessibility
  • product photography
  • background colour
  • hex codes
  • contrast
  • ecommerce
कलर ब्लाइंडनेस में बैकग्राउंड कैसे चुनें

कटआउट बनाना तो आसान हिस्सा है। आप फ़ोटो अपलोड करते हैं, प्रोडक्ट साफ़-सुथरा अलग हो जाता है, और फिर आपको उस एक सवाल का जवाब देना होता है जिसे आप आँखों से जांच नहीं सकते: पीछे कौन सा रंग जाएगा? अगर यह गलत हो जाए, तो जंग-नारंगी रंग का मग जैतूनी (olive) बैकग्राउंड में डूब जाता है, या टैन रंग का हैंडबैग बेज पर एक धुंधला-सा धब्बा दिखने लगता है।

यह इतनी आम बात है कि इसके हिसाब से डिज़ाइन किया जा सकता है। नेशनल आई इंस्टिट्यूट (National Eye Institute) के अनुसार, लगभग 12 में से 1 पुरुष में कलर विज़न डेफिशिएंसी पाई जाती है, और लाल-हरा (red-green) इसका सबसे सामान्य रूप है। NEI बताता है कि ड्यूटेरेनोमली (deuteranomaly), जो सबसे सामान्य प्रकार है, हरे रंग के कुछ शेड्स को अधिक लाल दिखाता है, जबकि प्रोटेनोमली (protanomaly) लाल रंग के कुछ शेड्स को अधिक हरा और कम चमकीला दिखाता है। ट्राइटेनोमली (tritanomaly), जो दुर्लभ है, नीले और हरे रंग के बीच का फ़र्क धुंधला कर देती है।

इसका समाधान और ज़्यादा ध्यान लगाना नहीं है। इसका समाधान है अपनी आँखों को मापने का औज़ार बनाना बंद करना, और दो ऐसी चीज़ों पर भरोसा करना जो झूठ नहीं बोलतीं: वे नंबर जिन्हें आप पढ़ सकते हैं, और लाइटनेस (lightness)।

स्वैच ग्रिड से नहीं, हमेशा हेक्स कोड से काम करें

आँख से रंग चुनने के लिए बिल्कुल उसी क्षेत्र में बारीक ह्यू (hue) का आकलन करना पड़ता है, जहाँ आपका आकलन भरोसेमंद नहीं है, और बाद में कोई फ़ीडबैक भी नहीं मिलता। एक लिखा हुआ हेक्स कोड छह अक्षरों का होता है, जिसे आप गणित से जांच सकते हैं।

हरे, सेज और हल्के धूसर-हरे रंग की कतारों में रखे कलर स्वैच कार्ड्स का क्लोज़-अप, जहाँ हर कार्ड पर उसके मार्केटिंग नाम के साथ एक प्रिंटेड रेफरेंस कोड भी दिया गया है।

एक हेक्स कोड तीन चैनल वैल्यू को लगातार लिखकर बनता है — पहले लाल, फिर हरा, फिर नीला — हर एक दो-अक्षर की जोड़ी होती है जो 00 (शून्य) से FF (पूरा) तक जाती है। #8A8A8A में तीनों वैल्यू बराबर हैं, इसलिए यह वाकई एक न्यूट्रल ग्रे है। #F5F0E8 में नीला चैनल लाल और हरे से कम है — इसी को "वॉर्म (warm)" कहा जाता है। इसीलिए यह क्लासिक जाल बनता है: "लाइट ग्रे" नाम का स्वैच असल में एक वॉर्म पुट्टी (putty) रंग निकलता है, और पुट्टी चुपचाप बेज, क्रीम या कैमल प्रोडक्ट को निगल जाती है।

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

वे जोड़े जो लोगों को धोखा दे देते हैं

इन कॉम्बिनेशन को केस-दर-केस जांचने के बजाय अपने पैलेट से सीधे बाहर कर दें:

  • जैतूनी (olive), सेज या खाकी बैकग्राउंड पर लाल, जंग-रंग या टेराकोटा प्रोडक्ट
  • बेज, क्राफ़्ट या ओटमील पर भूरा, टैन, कैमल या कॉग्नैक लेदर
  • हल्के वॉर्म ग्रे पर पिंक और सैल्मन आइटम, जहाँ प्रोटेनोमली से चमक भी कम दिखती है
  • कोई भी हरा प्रोडक्ट, जिसकी रिप्लेसमेंट बैकग्राउंड फ़ोटो में अब भी पत्तियाँ या कोई पौधा प्रॉप दिख रहा हो
  • अगर आपकी डेफिशिएंसी नीले-पीले दिशा में है, तो ग्रे पर टील और हरे पर नीला — और अगर यह लाल-हरा है, तो नीले पर बैंगनी, क्योंकि बैंगनी का जो लाल हिस्सा है वही सबसे पहले गायब होता है

ये कॉम्बिनेशन ह्यू में तो चूकते ही हैं, साथ ही लाइटनेस में भी लगभग बराबर होते हैं — यही बात इन्हें खतरनाक बनाती है। जबकि साफ़ तौर पर गहरे हरे रंग पर लाल प्रोडक्ट अब भी अच्छी तरह अलग दिखता है।

लाइटनेस वह चैनल है जिस पर आप अब भी भरोसा कर सकते हैं

WCAG 2.2 के सक्सेस क्राइटेरिया 1.4.3 के लिए W3C के अंडरस्टैंडिंग डॉक्यूमेंट में यह साफ़ कहा गया है: कंट्रास्ट रेशियो की गणना ह्यू से नहीं, बल्कि रिलेटिव ल्यूमिनेंस (relative luminance) से होती है, और "रंग के कुछ शेड्स में फ़र्क न कर पाना लाइट-डार्क कंट्रास्ट की पहचान पर नकारात्मक असर नहीं डालता।" यह गाइडलाइन टेक्स्ट के लिए लिखी गई है, लेकिन इसके पीछे की फ़िज़ियोलॉजी वही है जो तय करती है कि आपके प्रोडक्ट का किनारा बैकग्राउंड के सामने साफ़ दिखता है या नहीं।

एक हल्के रंग का क्रैकल-ग्लेज़्ड सिरेमिक फूलदान लगभग-काले बैकग्राउंड पर रोशन किया गया है, जिसकी आकृति रंग की मौजूदगी लगभग न होने पर भी सिर्फ़ ब्राइटनेस के दम पर बैकग्राउंड से अलग दिखती है।

इसलिए फ़ैसला लाइटनेस पर छोड़ दें: हल्के रंग का प्रोडक्ट गहरे बैकग्राउंड पर, गहरे रंग का प्रोडक्ट हल्के बैकग्राउंड पर, और मिड-टोन प्रोडक्ट किसी भी एक्सट्रीम पर — लेकिन कभी किसी दूसरे मिड-टोन पर नहीं। इसे खुद जांचें — तैयार इमेज को अपने फ़ोन के फ़ोटो एडिटर में खोलें, सैचुरेशन (saturation) को पूरी तरह नीचे ले जाएँ, और देखें। अगर रंग हटने के बाद भी किनारा साफ़ दिख रहा है, तो वह खरीदार को भी साफ़ दिखेगा।

एक ड्रॉप शैडो भी मदद करता है: यह प्रोडक्ट के नीचे एक गहरी पट्टी बना देता है जो बैकग्राउंड के ह्यू से स्वतंत्र होती है — पूरी रेंज में दिशा को एक जैसा बनाए रखने के लिए असली जैसे शैडो कैसे जोड़ें देखें।

एक बार पैलेट बनाएं, फिर बार-बार तय करना बंद करें

इन पांच को तय करें, फिर कभी दोबारा यह फ़ैसला मत लें:

  1. #FFFFFF शुद्ध सफ़ेद, उन मार्केटप्लेस लिस्टिंग के लिए जहाँ यह ज़रूरी है
  2. #F2F2F2 सफ़ेद जैसा ग्रे, सफ़ेद और क्रीम रंग के उन प्रोडक्ट के लिए जो शुद्ध सफ़ेद पर गायब हो जाएँगे
  3. #8A8A8A मिड ग्रे, सिर्फ़ बहुत हल्के या बहुत गहरे प्रोडक्ट के लिए
  4. #1C1C1C लगभग-काला, हल्के सिरेमिक, कांच के सामान और हल्की पैकेजिंग के लिए
  5. एक ब्रांड कलर, जिसका हेक्स कोड उसी दिन लिखित रूप में दर्ज कर लिया जाए जिस दिन कोई उसे चुने

जो भी चीज़ किसी रंगीन पेज या प्रिंटेड आइटम पर जाने वाली है, उसे ट्रांसपेरेंट एक्सपोर्ट करें; इससे यह सवाल पूरी तरह टल जाता है — ट्रांसपेरेंट PNG गाइड में बताया गया है कि यह फ़ैसला कब सही होता है।

एक बार किसी एक इंसान से पूछें, फिर उसे लिख लें

किसी ऐसे इंसान के साथ अपनी डेस्क पर पंद्रह मिनट तय करें, जिसकी कलर विज़न पर आपको भरोसा है, और सामने प्रोडक्ट रखें। हर आइटम के लिए दो सवाल पूछें: क्या किनारा साफ़ अलग दिख रहा है, और क्या वह "न्यूट्रल" रंग वाकई न्यूट्रल है। जवाबों को कैटेगरी से जुड़े हेक्स कोड के रूप में दर्ज करें — जैसे "लेदर गुड्स: #1C1C1C" — कभी भी "वो हल्का सॉफ्ट वाला" जैसे विशेषणों के रूप में नहीं। विशेषण हर बार आपसे दोबारा फ़ैसला करवाते हैं; हेक्स कोड ऐसा नहीं करते।

दो लोग एक डेस्क पर झुके हुए हैं, जिस पर प्रिंटेड कलर सैंपल चार्ट्स और एक स्वैच बुकलेट रखी है — एक व्यक्ति चार्ट पर उंगली रखकर दिखा रहा है जबकि दूसरा पेज पलट रहा है।

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

एक बार तय करें, वो भी लिखित रूप में

कलर ब्लाइंडनेस आपको एक जैसा, सुसंगत कैटलॉग बनाने से नहीं रोकती। तात्कालिक अंदाज़े (improvising) रोकते हैं। पांच लिखित हेक्स वैल्यू, एक लाइटनेस नियम जिसे आप ग्रेस्केल में जांच सकते हैं, और एक दर्ज की गई बातचीत — ये हर मंगलवार मूड देखकर बैकग्राउंड चुनने से कहीं बेहतर हैं।

आगे पढ़ें