इमेज कलर पिकर
छवि यहां खींचें
समर्थित प्रारूप: JPG, PNG, WebP, GIFरंग चुनने के लिए छवि पर कहीं भी क्लिक करें
किसी लोगो, फोटो या स्क्रीनशॉट में मौजूद रंग जानना है? इमेज अपलोड करें, जिस जगह की रंग जाननी है वहाँ माउस ले जाएं और क्लिक करें। रंग कोड आपके चुने हुए फ़ॉर्मेट में सीधे क्लिपबोर्ड में आ जाता है: HEX, RGB, HSL, HSV या LCH। कुछ भी इंस्टॉल नहीं करना पड़ता और इमेज आपके डिवाइस से बाहर नहीं जाती।
इमेज से रंग कैसे चुनें
- इमेज अपलोड करें। उसे विंडो में खींचकर छोड़ें या “फ़ाइलें ब्राउज़ करें” पर क्लिक करें। JPG, PNG, WebP और GIF सभी चलते हैं।
- फ़ॉर्मेट चुनें। इमेज के ऊपर तय करें कि रंग किस लिखावट में कॉपी होना चाहिए। वेब के लिए ज़्यादातर HEX काम आता है, ग्राफ़िक सॉफ़्टवेयर में RGB आम है। टूल आपकी पसंद याद रखता है।
- रंग पर माउस ले जाएं। कर्सर के पास एक लूप दिखता है, जिसमें आसपास के पिक्सेल बड़े करके दिखते हैं और नीचे रंग का कोड।
- क्लिक करें। कोड क्लिपबोर्ड में आ जाता है और रंग “चुने गए रंग” टैब में सेव हो जाता है। जहां चाहें वहीं पेस्ट कर दें।
कोई दूसरी इमेज आज़मानी है? उसे सीधे मौजूदा इमेज पर खींचकर छोड़ दें, या ट्रैश आइकन से मौजूदा इमेज हटा दें।
यह इमेज कलर पिकर क्या कर सकता है
हर पिक्सेल दिखाने वाला लूप
आम आईड्रॉपर सिर्फ़ कर्सर के नीचे का रंग दिखाता है, और किसी अक्षर की पतली किनार पर सही पिक्सेल पकड़ना अंदाज़े का खेल बन जाता है। हमारा लूप कर्सर के आसपास 11 × 11 पिक्सेल का हिस्सा बड़ा कर देता है और बीच वाले पिक्सेल को फ्रेम में दिखाता है। क्लिक करने से पहले ही साफ़ दिखता है कि आप किस पर क्लिक करने वाले हैं।
एक-एक पिक्सेल तक ज़ूम
प्लस और माइनस बटन से, या Ctrl दबाकर माउस स्क्रॉल करने से, इमेज को 64 गुना तक ज़ूम किया जा सकता है। “ग्रिड” चालू करने पर पिक्सेल की सीमाएं दिखने लगती हैं, इसलिए आइकन, पिक्सेल आर्ट या छोटे टेक्स्ट पर भी सही जगह क्लिक होता है।
रंग ओरिजिनल इमेज से, थंबनेल से नहीं
कई ऑनलाइन टूल इमेज को पहले छोटा कर देते हैं और रंग उसी थंबनेल से पढ़ते हैं, जहां आसपास के पिक्सेल आपस में मिल जाते हैं। यह टूल इमेज को पूरे रिज़ॉल्यूशन में इस्तेमाल करता है (लंबी साइड पर 4096 px तक), इसलिए आपको उस पिक्सेल का असली रंग मिलता है।
एक क्लिक में कॉपी
टेक्स्ट सिलेक्ट करने या नंबर दोबारा टाइप करने की ज़रूरत नहीं। इमेज पर हर क्लिक चुने हुए फ़ॉर्मेट में कोड कॉपी कर देता है (“क्लिक पर कॉपी करें” वाला विकल्प)। अगर वही रंग किसी दूसरी लिखावट में भी चाहिए, तो रंग की डिटेल में सभी पांच फ़ॉर्मेट दिखते हैं, हर एक का अपना कॉपी बटन।
प्रमुख रंगों की पैलेट
इमेज लोड होते ही टूल उसमें सबसे ज़्यादा दिखने वाले आठ रंग तक ढूंढ लेता है और उन्हें “प्रमुख रंग” टैब में दिखाता है। लगभग एक जैसे शेड मिला दिए जाते हैं, तो पैलेट में ग्रे के पांच वर्ज़न नहीं दिखते, और PNG के पारदर्शी हिस्से छोड़ दिए जाते हैं। यह पैलेट वेबसाइट, प्रेज़ेंटेशन या सोशल मीडिया पोस्ट के लिए रंग योजना की शुरुआत बन सकती है। रंग हटाकर कॉन्ट्रास्ट कितना बचता है, यह इमेज को ग्रेस्केल में बदलकर झट से देखा जा सकता है।
चुने गए रंग हमेशा नज़र में
जिस भी रंग पर क्लिक करें, वह “चुने गए रंग” टैब में सेव हो जाता है (आख़िरी 24 रंग)। इस तरह इमेज की कई जगहों के रंग आपस में मिलाए जा सकते हैं और कभी भी वापस देखे जा सकते हैं। बड़ी स्क्रीन पर रंगों वाला पैनल इमेज के ठीक बगल में रहता है।
इमेज से रंग कोड निकालने का इस्तेमाल कब करें
- वेबसाइट और ऐप: क्लाइंट ने लोगो सिर्फ़ JPG में भेजा और अब ब्रांड का सही रंग CSS में चाहिए। साथ में पारदर्शी बैकग्राउंड वाला वर्ज़न भी चाहिए तो इमेज से बैकग्राउंड हटाएं।
- ग्राफ़िक्स और सोशल मीडिया: पोस्ट का टेक्स्ट फोटो के रंगों से मैच करना है। रंग सीधे फोटो से उठा लें।
- प्रेज़ेंटेशन और डॉक्यूमेंट: कंपनी के लोगो के रंग PowerPoint, Google Slides या Canva में HEX या RGB से सेट करें।
- डिज़ाइन की जांच: स्क्रीनशॉट पर देखें कि ऐप का बटन वाकई वही रंग इस्तेमाल कर रहा है जो डिज़ाइन में तय था। एक्सपोर्ट की गई इमेज का साइज़ इमेज डाइमेंशन एनालाइज़र से चेक करें।
- इंटीरियर और फ़ैशन: कपड़े या दीवार की फोटो है और मिलता-जुलता शेड ढूंढना है। यह कोड रंग के सैंपल कार्ड में शुरुआती बिंदु का काम करता है।
यह टूल जो रंग फ़ॉर्मेट देता है
- HEX (
#1373b6): HTML, CSS और ज़्यादातर डिज़ाइन टूल में इस्तेमाल होने वाली लिखावट। छोटे और अल्फ़ा वाले रूपों के लिए MDN का दस्तावेज़ देखें (अंग्रेज़ी में)। - RGB (
rgb(19, 115, 182)): लाल, हरा और नीला रंग कितनी मात्रा में हैं, हर एक 0 से 255 तक। स्क्रीन रंग कैसे मिलाती है, यह विकिपीडिया पर लाल हरा नीला रंग प्रतिरूप पर पढ़ें। - HSL (
hsl(205, 81%, 39%)): ह्यू, सैचुरेशन और लाइटनेस। इससे उसी रंग का हल्का या गहरा वर्ज़न बनाना आसान है। - HSV: ह्यू, सैचुरेशन और वैल्यू, जैसा Photoshop या GIMP के कलर पिकर में मिलता है। HSL और HSV में अंतर विकिपीडिया पर विस्तार से बताया गया है (अंग्रेज़ी में)।
- LCH: यह मॉडल इंसानी आंख के रंग देखने के तरीके से मेल खाता है। यह उसी लिखावट में कॉपी होता है जिसे आधुनिक CSS समझता है (देखें MDN का दस्तावेज़, अंग्रेज़ी में)।
यह इमेज कलर पिकर इमेज से रंग बता देता है। उसे आगे एडिट करना हो, दूसरे फ़ॉर्मेट में बदलना हो या उससे मेल खाते शेड ढूंढने हों, तो कलर पिकर पर जाएं।
अक्सर पूछे जाने वाले सवाल
क्या मेरी इमेज सर्वर पर अपलोड होती है?
नहीं। इमेज सीधे आपके ब्राउज़र में लोड और प्रोसेस होती है, कहीं भेजी नहीं जाती और पेज बंद करते ही कुछ भी बचा नहीं रहता। इसलिए इसे इंटरनल फ़ाइलों या अभी तक पब्लिक न हुए डिज़ाइन पर भी बेझिझक इस्तेमाल किया जा सकता है।फोटो से HEX कोड कैसे निकालें?
फोटो अपलोड करें, इमेज के ऊपर HEX फ़ॉर्मेट चुना रहने दें और जिस जगह का रंग चाहिए वहां क्लिक करें। कोड, जैसे#75dab2, तुरंत क्लिपबोर्ड में आ जाता है।
फोटो का रंग असली रंग से अलग क्यों दिखता है?
कैमरा रंगों को लाइटिंग, व्हाइट बैलेंस (अंग्रेज़ी में) और कंप्रेशन से बदल देता है। यह टूल फ़ाइल में सेव किया हुआ रंग ही ठीक-ठीक लौटाता है। फोटो के मामले में कुछ अलग-अलग जगहों पर क्लिक करके "चुने गए रंग" में उनकी तुलना करें। दीवार के लिए इसी कोड से रंग मिलाना हो तो इसे सिर्फ़ अंदाज़े का ज़रिया मानें।क्या यह इमेज कलर पिकर मोबाइल पर चलता है?
हां। टच स्क्रीन पर इमेज में जिस जगह टैप करेंगे, कोड वैसे ही कॉपी हो जाएगा जैसे कंप्यूटर पर होता है। कर्सर वाला लूप मोबाइल पर नहीं दिखता, इसलिए छोटी डिटेल के लिए पहले इमेज को ज़ूम कर लें।HEX और RGB में क्या फ़र्क़ है?
दोनों एक ही रंग को बताते हैं। RGB इसे 0 से 255 तक के तीन नंबर से लिखता है, HEX उन्हीं नंबर को # चिह्न के बाद हेक्साडेसिमल में लिखता है। मसलन,rgb(255, 87, 51) और #ff5733 एक ही रंग हैं।