इमेज कलर पिकर और पैलेट एक्सट्रैक्टर

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

इमेज यहां खींचकर छोड़ें, या फ़ाइल चुनने के लिए क्लिक करें

JPG, PNG, WebP और GIF सपोर्टेड हैं। फ़ाइलें आपके डिवाइस पर ही रहती हैं।

रंग चुनने के लिए इमेज पर क्लिक करें। क्लिक करने से पहले कर्सर घुमाकर प्रीव्यू देखें।

चुना गया रंग

पैलेट

रंग आपके ब्राउज़र द्वारा Canvas API से सीधे इमेज के पिक्सल से पढ़े जाते हैं। इमेज किसी सर्वर पर अपलोड नहीं होती।

किसी भी इमेज से सटीक रंग पाएं

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

इसका इस्तेमाल ब्रांड के रंग मिलाने, स्क्रीनशॉट से थीम दोबारा बनाने, डिज़ाइन के लिए फोटो से टोन लेने, या आर्टवर्क से कलर स्कीम निकालने के लिए करें।

रंग कैसे चुनें

  1. इमेज खोलें। इमेज खींचकर छोड़ें या चुनें, वह कैनवास पर दिखने लगेगी।
  2. पिक्सल पर क्लिक करें। इमेज पर कहीं भी क्लिक करके उस जगह का रंग पाएं।
  3. कोड कॉपी करें। HEX, RGB या HSL वैल्यू कॉपी करें, या पैलेट के किसी रंग पर क्लिक करके उसका HEX कॉपी करें।

तीन कलर फ़ॉर्मैट

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

ऑटोमैटिक पैलेट

टूल इमेज को सैंपल करता है और मिलते-जुलते टोन को जोड़कर मुख्य रंग सामने लाता है। इससे आपको तुरंत एक पैलेट मिलता है, जिसे आप तालमेल वाले डिज़ाइन के लिए इस्तेमाल कर सकते हैं।

पिक्सल लोकल में पढ़ता है

इमेज आपके ब्राउज़र में कैनवास पर बनाई जाती है और रंग वहीं से पढ़े जाते हैं। कुछ भी अपलोड नहीं होता, इसलिए प्राइवेट मॉकअप और स्क्रीनशॉट आपकी मशीन पर ही रहते हैं।

इसे इस्तेमाल करने के काम के कारण

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

कलर पिकर के आम इस्तेमाल

लोग यह टूल सबसे ज़्यादा इसलिए खोलते हैं कि फोटो या स्क्रीनशॉट में दिख रहे रंग का हेक्स कोड मिल जाए। लोगो डालकर उसके निशान पर क्लिक करें और ब्रांड का सटीक रंग पढ़ लें, या स्क्रीनशॉट के बैकग्राउंड पर क्लिक करके किसी वेबसाइट का रंग उस इमेज से मिलाएं जिस पर आप काम कर रहे हैं। हर बार आपको वैल्यू एक साथ तीन फ़ॉर्मैट में मिलती है: CSS या डिज़ाइन ऐप में पेस्ट करने के लिए #1A73E8 जैसा HEX कोड, कोड के लिए rgb(26, 115, 232) जैसी RGB स्ट्रिंग, और ह्यू, सैचुरेशन व लाइटनेस बदलने के लिए HSL स्ट्रिंग। हर एक के पास कॉपी बटन है, इसलिए किसी एक पिक्सल की RGB वैल्यू पाना बस एक क्लिक और कॉपी है।

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

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

अपनी इमेज खोलें, फिर जिस जगह का रंग चाहिए उस पर क्लिक करें। उस पिक्सल का रंग HEX, RGB और HSL में दिखेगा, हर एक के साथ कॉपी बटन होगा।

हां। इमेज लोड होते ही टूल उसका विश्लेषण करता है और सबसे आम रंगों का पैलेट दिखाता है। किसी भी स्वैच पर क्लिक करके उसकी HEX वैल्यू कॉपी करें।

नहीं। इमेज आपके ब्राउज़र में कैनवास पर बनाई जाती है और रंगों की वैल्यू वहीं से पढ़ी जाती हैं। फ़ाइल किसी सर्वर पर नहीं भेजी जाती।

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

हां। रंग लेने के लिए इमेज पर टैप करें। टूल मोबाइल ब्राउज़र में बिना किसी ऐप के चलता है।

यह इमेज डेटा से पिक्सल की सटीक वैल्यू पढ़ता है, इसलिए रंग अंदाज़े से नहीं, सीधे सोर्स से लिया जाता है।

हां। आप किसी भी दिखने वाले पिक्सल से रंग ले सकते हैं। पूरी तरह ट्रांसपेरेंट हिस्सों में पढ़ने को कुछ नहीं होता, इसलिए वहां कोई रंग नहीं दिखता।

हां, यह पूरी तरह फ्री है, अकाउंट की ज़रूरत नहीं है, और आपकी इमेज में कुछ नहीं जोड़ता।

इमेज लोड करें, फिर जिस जगह का रंग चाहिए उस पर क्लिक करें। HEX फ़ील्ड में उस पिक्सल का कोड दिखेगा, जैसे #1A73E8, और उसके पास का कॉपी बटन कोड को क्लिपबोर्ड पर रख देता है, जिसे आप CSS या डिज़ाइन टूल में पेस्ट कर सकते हैं।

इमेज पर पिक्सल पर क्लिक करें और RGB फ़ील्ड देखें, जो रंग को rgb(red, green, blue) के रूप में दिखाता है, जैसे rgb(26, 115, 232)। वैल्यू लेने के लिए उसका कॉपी बटन इस्तेमाल करें। वही रंग HEX और HSL में भी दिखता है।

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

हां। इमेज आपके ब्राउज़र में कैनवास पर बनाई जाती है और रंग वहीं पिक्सल से पढ़े जाते हैं। कुछ भी सर्वर पर नहीं भेजा जाता, इसलिए फ़ाइल आपके डिवाइस से बाहर नहीं जाती।

संबंधित टूल्स