इमेज से सटीक रंग कैसे चुनें: HEX, RGB और HSL

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

इमेज कलर पिकरसटीक कलर कोड चाहिएमुफ़्त में करें

पिक्सल में क्या सेव होता है

हर पिक्सल रंग का एक छोटा सा वर्ग होता है। स्क्रीन पर या इमेज फ़ाइल में वह तीन संख्याओं के रूप में सेव होता है, लाल, हरा और नीला, और हर संख्या 0 से 255 के बीच होती है। शुद्ध लाल का मान 255, 0, 0 होता है। ये तीनों संख्याएँ हर फ़ॉर्मेट में एक ही जानकारी रखती हैं, इसलिए एक ही रंग कई तरह से लिखा जा सकता है।

HEX, RGB और HSL

• HEX हर संख्या को हेक्साडेसिमल में लिखता है, हर चैनल के लिए दो अक्षर। #FF0000 शुद्ध लाल है। वेब पेज, CSS और ज़्यादातर डिज़ाइन टूल इसी का इस्तेमाल करते हैं।
• RGB वही संख्याएँ दशमलव में लिखता है, जैसे rgb(255, 0, 0)। यह HEX कोड वाला ही रंग है।
• HSL रंग को उसी तरह बताता है जैसे लोग उसके बारे में बात करते हैं। ह्यू रंग-चक्र पर कोण है, सैचुरेशन बताता है कि रंग कितना गहरा या तेज़ है, और लाइटनेस बताती है कि वह कितना हल्का या गहरा है। hsl(0, 100%, 50%) शुद्ध लाल है।

कोड में रंग डालते समय HEX, किसी टूल के माँगने पर RGB, और उसी रंग-आभा का हल्का या गहरा रूप चाहिए तो HSL इस्तेमाल करें। HSL में सिर्फ़ लाइटनेस बदलने से ह्यू वही रहता है, जो HEX में हाथ से करना मुश्किल है। दो रंगों के बीच कंट्रास्ट जाँचने के लिए देखें HEX, RGB, HSL, CMYK और कंट्रास्ट।

स्टाइलशीट में इस्तेमाल हुआ एक रंग ऐसा दिखता है:

.badge {
  background: #1F7A5C;
  color: #FFFFFF;
}

कोड स्क्रीन से क्यों मेल नहीं खा सकता

• तस्वीर कम्प्रेस की गई है। JPEG बारीक डिटेल को चिकना करके जगह बचाता है, इसलिए किनारे के पास के पिक्सल उस रंग से थोड़े अलग हो सकते हैं जो किसी इलाके के बीच में दिखता है।
• किनारे मिल जाते हैं। जहाँ दो रंग मिलते हैं, वहाँ के पिक्सल मिश्रण होते हैं। वे अपने आप में कोई अलग रंग नहीं हैं।
• कलर प्रोफ़ाइल अलग होती हैं। पिकर वे वैल्यू पढ़ता है जो ब्राउज़र डिकोड करता है, और वे sRGB में होती हैं। वाइड-गैमट प्रोफ़ाइल के साथ सेव फ़ोटो दूसरे प्रोग्राम में अलग दिख सकती है।
• स्केलिंग पिक्सल को मिला देती है। स्केल किए गए डिस्प्ले साइज़ पर लिया गया स्क्रीनशॉट मिले हुए पिक्सल रख सकता है। जहाँ हो सके, पूरे साइज़ पर स्क्रीनशॉट लें।
• बहुत बड़ी इमेज की कॉपी से पढ़ाई होती है। जिस इमेज की सबसे लंबी साइड 6000 पिक्सल से ज़्यादा है, उसे 6000 पिक्सल की कॉपी से पढ़ा जाता है, इसलिए एक पिक्सल पूरी फ़ाइल से थोड़ा अलग हो सकता है।

एक सपाट इलाके के बीच से चुनें

एक ही रंग का इलाका ढूँढें, फिर उसके केंद्र पर जाएँ। मैग्नीफ़ायर पॉइंटर के आसपास के 11 गुणा 11 पिक्सल दिखाता है, जिससे पता चलता है कि जगह मिश्रित है या सपाट। कीबोर्ड से क्रॉसहेयर को एक-एक पिक्सल करके ऐरो कीज़ से हिलाएँ, या Shift के साथ दस-दस पिक्सल, और चुनने के लिए Enter दबाएँ। कॉपी करने से पहले रीडआउट जाँच लें।

स्कीम के लिए पैलेट इस्तेमाल करें

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

फ़ॉर्मेट बदलना

अगर डिज़ाइन टूल कोई दूसरा फ़ॉर्मेट माँगे, तो HEX कोड को कलर कनवर्टर में पेस्ट करें। यह रंग बदले बिना HEX, RGB और HSL के बीच बदलता है, इसलिए नतीजा आपके चुने हुए कोड से मेल खाता है।

हाल के चुनाव और प्राइवेसी

टूल आपके आख़िरी चुनाव पेज पर रखता है ताकि आप उनकी तुलना कर सकें। ये सिर्फ़ इस टैब की मेमोरी में रहते हैं और टैब बंद करने पर ख़त्म हो जाते हैं। इमेज खुद आपके ब्राउज़र के अंदर पढ़ी जाती है और कभी किसी सर्वर पर नहीं भेजी जाती।

fixmint से यह कैसे करें

1. इमेज कलर पिकर खोलें और फ़ोटो को उसमें डालें।
2. पॉइंटर को जगह पर ले जाएँ। या तस्वीर पर फ़ोकस करके ऐरो कीज़ से क्रॉसहेयर को एक-एक पिक्सल हिलाएँ, दस पिक्सल के लिए Shift दबाए रखें।
3. रंग चुनने के लिए क्लिक करें या Enter दबाएँ। कॉपी करने से पहले रीडआउट जाँच लें।
4. HEX, RGB या HSL के बगल में कॉपी बटन दबाकर जिस वैल्यू की ज़रूरत है, वह कॉपी करें।
5. अगर डिज़ाइन टूल कोई दूसरा फ़ॉर्मेट माँगे, तो वैल्यू को कलर कनवर्टर में पेस्ट करें।

त्वरित जवाब

मेरी स्क्रीन पर रंग अलग क्यों दिखता है? आपकी स्क्रीन फ़ाइल का कलर-मैनेज्ड, स्केल किया हुआ रूप दिखाती है। किसी सपाट इलाके के बीच से चुनें और HEX कोड को किसी ज्ञात स्वैच से मिलाकर देखें।

मुझे कौन-सा फ़ॉर्मेट कॉपी करना चाहिए? वेब पेज और ज़्यादातर डिज़ाइन टूल के लिए HEX। कोई टूल RGB या HSL माँगे तो वही इस्तेमाल करें।

क्या यह टूल मेरी इमेज अपलोड करता है? नहीं। इमेज आपके ब्राउज़र के अंदर डिकोड और पढ़ी जाती है।