tigtools

इमेज कलर पिकर

इमेज अपलोड करें और उस पिक्सल का सटीक रंग पाने के लिए कहीं भी क्लिक करें, या टूल को पूरी इमेज के मुख्य रंग पहचानने दें।

आपके ब्राउज़र में चलता है साइन अप की ज़रूरत नहीं

JPEG, PNG, WebP, GIF, AVIF या BMP, अधिकतम 25 MB. इमेज आपके डिवाइस पर ही रहती है.

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

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

यह कैसे काम करता है

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

प्रमुख रंग k-means क्लस्टरिंग से खोजे जाते हैं: पिक्सेल को पहले 32,768 छोटे रंग बकेट में बाँटा जाता है, फिर बकेट को आपके चुने हुए रंगों की संख्या में मिलाया जाता है; इसमें हर बकेट के पिक्सेल की संख्या को भार के रूप में इस्तेमाल किया जाता है। शुरुआती बिंदु नियतात्मक रूप से चुने जाते हैं, इसलिए एक ही छवि से हमेशा एक जैसा पैलेट मिलता है।

रंग उसी sRGB स्पेस में पढ़े जाते हैं जिसे ब्राउज़र डिस्प्ले के लिए इस्तेमाल करता है। अगर छवि में एम्बेडेड wide-gamut कलर प्रोफ़ाइल है, तो फ़ोटो एडिटर में दिखने वाले मानों से ये मान थोड़े अलग हो सकते हैं। जो ब्राउज़र इसे सपोर्ट करते हैं (डेस्कटॉप पर Chrome और Edge), उनमें “स्क्रीन से चुनें” बटन आपकी स्क्रीन पर कहीं से भी रंग लेने के लिए अंतर्निहित EyeDropper का इस्तेमाल करता है।

उदाहरण

ब्रांड रंग का मिलान

लोगो का स्क्रीनशॉट अपलोड करें, उसके मुख्य रंग पर क्लिक करें और #1a73e8 या rgb(26, 115, 232) को अपने CSS में कॉपी करें।

फ़ोटो से पैलेट

समुद्र तट की फ़ोटो को 6 रंगों में बाँटने पर रेत, समुद्र और आसमान के टोन मिलते हैं; हर रंग के साथ छवि में उसका हिस्सा दिखता है, जो सबसे बड़े से सबसे छोटे क्रम में होता है।

किसी शेड की जाँच

पतली रेखा के बगल वाले एंटी-अलियास्ड किनारे की बजाय रेखा का सटीक पिक्सेल चुनने के लिए मैग्निफ़ायर से ज़ूम करें।

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

मेरे फोटो एडिटर से रंग थोड़ा अलग क्यों दिखता है?

ब्राउज़र डिस्प्ले के लिए छवियों को sRGB में बदल देते हैं। wide-gamut प्रोफ़ाइल (Display P3, Adobe RGB) वाली फ़ोटो ऐसे एडिटर में थोड़े अलग मान दिखा सकती हैं जो मूल प्रोफ़ाइल बनाए रखता है।

'स्क्रीन से चुनें' बटन क्यों नहीं दिखता?

इसके लिए EyeDropper API ज़रूरी है, जिसे केवल कुछ ब्राउज़र ही सपोर्ट करते हैं—फ़िलहाल डेस्कटॉप पर Chrome और Edge। अपलोड की गई इमेज से रंग चुनना हर जगह काम करता है।

मुख्य रंग कैसे चुने जाते हैं?

सभी पिक्सल की k-means क्लस्टरिंग से, जिसमें हर रंग के आने की आवृत्ति का भार होता है। छोटे लेकिन चमकीले विवरण पास के बड़े रंग में मिल सकते हैं; उन्हें अलग करने के लिए रंगों की संख्या बढ़ाएँ।

क्या इमेज अपलोड की जाती है?

नहीं। इसे आपके ब्राउज़र में इसी पेज द्वारा डिकोड और विश्लेषण किया जाता है और यह आपके डिवाइस से बाहर नहीं जाता।

गोपनीयता

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