इमेज कलर पिकर क्या है?

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

जब कोई छवि लोड होती है, टूल उसमें सबसे ज़्यादा दिखने वाले छह रंग निकालकर सीधे पैलेट में डाल देता है, ताकि कुछ भी क्लिक करने से पहले ही आपके पास एक शुरुआती सेट हो। एक आवर्धक लूप कर्सर के नीचे के अलग-अलग पिक्सेल दिखाता है, जिससे एंटी-एलियस्ड पड़ोसी के बजाय ठीक वही टोन पकड़ना आसान हो जाता है। आप जो भी रंग क्लिक करते हैं वह अपने HEX, RGB, HSL, HSV और CMYK मान तथा निकटतम CSS नामित रंग बताता है, और एक पैलेट में जुड़ जाता है जिसे आप हेक्स सूची के रूप में कॉपी कर सकते हैं या JSON या CSS वेरिएबल्स के रूप में निर्यात कर सकते हैं। एक दृष्टि पूर्वावलोकन भी है जो छवि को आम रंग-अंधता फ़िल्टरों से गुज़ारता है, ताकि आप काम करते-करते सुलभता जाँच सकें।

उपयोग कैसे करें

1. चरण 1 — कोई भी इमेज अपलोड करें (PNG, JPEG, WebP, GIF)। इमेज ज़ूम लूप के साथ इंटरेक्टिव कैनवास पर लोड होती है।
2. चरण 2 — रंग चुनने के लिए इमेज पर कहीं भी क्लिक करें। लूप सटीक चयन के लिए कर्सर के नीचे के क्षेत्र को बड़ा करता है।
3. चरण 3 — HEX, RGB, HSL, HSV या CMYK में किसी भी मान को कॉपी करें, या स्वैच के नीचे दिखाए गए निकटतम रंग नाम को नोट करें। पैलेट हर क्लिक — और छह स्वतः-पहचाने गए शुरुआती रंग — को बनाए रखता है ताकि एक ही क्लिक में निर्यात हो जाए।

कब उपयोग करें

• स्क्रीनशॉट या मॉकअप रेंडर से ब्रांड का रंग ठीक-ठीक उठाना।
• किसी संदर्भ फ़ोटो से डिज़ाइन प्रोजेक्ट के लिए कलर पैलेट बनाना।
• किसी प्रतिस्पर्धी के लोगो या वेबसाइट के हीरो में इस्तेमाल रंग की सटीक छाया पहचानना।

परिणाम

एक डिज़ाइनर पहाड़ी झील के ठीक टील रंग को निकालने के लिए एक प्रकृति फोटोग्राफ अपलोड करता है। वे पानी पर क्लिक करते हैं, #2E8B8C पाते हैं, और उसी फोटो के तीन अन्य रंगों के साथ इसे अपने पैलेट में जोड़ते हैं।

अक्सर पूछे जाने वाले प्रश्न

चुना गया रंग Photoshop में दिख रहे रंग से थोड़ा अलग क्यों होता है?

अधिकांश ब्राउज़र इमेज लोड करते वक़्त उसे sRGB में बदल देते हैं। अगर आपकी फ़ाइल Adobe RGB या Display P3 टैग वाली थी तो यहाँ निकला मान उसका sRGB समतुल्य होगा। पूरी तरह मिलान चाहिए तो अपलोड से पहले मूल को sRGB में एक्सपोर्ट कर लीजिए।

क्या लूप एक ही पिक्सेल दिखाता है या किसी क्षेत्र का औसत?

लूप केवल एक पिक्सेल का सैंपल लेता है—वह जो क्रॉस के ठीक नीचे है। आसपास के पिक्सेल केवल संदर्भ के लिए दिखाए जाते हैं। लूप के अंदर क्लिक करते ही उस पिक्सेल का मान फिक्स हो जाता है और किनारों की एंटीएलियासिंग आपको भ्रमित नहीं कर पाती।

क्या मैं पारदर्शी क्षेत्रों वाली PNG से रंग ले सकता हूँ?

हाँ। पारदर्शी पिक्सेल अपने मूल RGB मान देते हैं और अल्फा अलग से दिखता है। पूरी तरह पारदर्शी पिक्सेल पर कैनवस का बैकग्राउंड रंग (डिफ़ॉल्ट सफ़ेद) आ जाता है, इसलिए सटीक रीडिंग के लिए अपारदर्शी हिस्से पर क्लिक करें।

HEX, RGB, HSL, HSV और CMYK में क्या अंतर है — किसका उपयोग करना चाहिए?

HEX (#2E8B8C) CSS और डिज़ाइन टूल्स में सबसे छोटा रूप है। RGB तीन चैनलों के 0–255 के मान देता है, उन कोडों के लिए उपयोगी जो कच्चे संख्यात्मक मान चाहते हैं। HSL ह्यू, सैचुरेशन और लाइटनेस का वर्णन करता है — रंग को थोड़ा हल्का या अधिक सैचुरेटेड करना हो तो सीधा-सादा। HSV लगभग HSL जैसा है पर लाइटनेस की जगह value (अनुभूत चमक) उपयोग करता है, जिसे अधिकांश डिज़ाइन सॉफ़्टवेयर के कलर पिकर पसंद करते हैं। CMYK चार प्रिंट चैनलों के प्रतिशत देता है — यही प्रारूप प्रिंटर या प्रिंट डिज़ाइनर माँगते हैं।

क्या एक बार में कई रंग ले सकता हूँ?

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

संबंधित उपकरण