कोई इमेज लोड करें और किसी भी पिक्सल पर क्लिक करके उसका सटीक HEX, RGB और HSL पाएँ — पूरी प्रोसेसिंग आपके ही डिवाइस पर।
इमेज कलर पिकर एक बहुत ही आम सवाल का जवाब देता है: वह पिक्सल आख़िर किस रंग का है? PNG में मिला कोई लोगो, किसी और की साइट का स्क्रीनशॉट, कोई फ़ोटो जिसका आसमानी रंग आप ग्रेडिएंट में दोहराना चाहते हैं — हर मामले में रंग स्क्रीन पर सामने है, पर उसका कोड नहीं। यह टूल इमेज को आपकी अपनी मशीन पर एक canvas में लोड करता है और कच्चे पिक्सल मान वहीं से पढ़ता है।
इसकी कार्यविधि सरल है और जानने लायक़। फ़ाइल FileReader से एक data URL के रूप में पढ़ी जाती है, अपने मूल रिज़ॉल्यूशन पर एक बार canvas में बनाई जाती है, और हर रीडिंग एक ही पिक्सल पर getImageData की कॉल है — वही चार बाइट्स (लाल, हरा, नीला, अल्फ़ा) जो ब्राउज़र पहले से मेमोरी में रखे है। चूँकि canvas मूल रिज़ॉल्यूशन रखता है जबकि पेज उसे छोटा करके दिखाता है, इसलिए पढ़ने से पहले पॉइंटर के निर्देशांक वापस इमेज के निर्देशांकों में बदले जाते हैं — यही वजह है कि 4000 पिक्सल चौड़ी फ़ोटो पर भी आप जिस पिक्सल पर क्लिक करते हैं वही मिलता है। मैग्निफ़ायर ग्यारह गुणा ग्यारह के इलाक़े को इमेज स्मूदिंग बंद करके दोबारा बनाता है, इसीलिए आपको धुँधलापन नहीं बल्कि साफ़ चौकोर दिखते हैं, और HSL को RGB त्रिक से मानक ह्यू-खंड सूत्र द्वारा निकाला जाता है। अगर कोई पिक्सल पूरी तरह पारदर्शी है तो टूल बेमतलब का काला बताने के बजाय यह साफ़ कह देता है।
इमेज से आगे, Chromium ब्राउज़र मूल EyeDropper API देते हैं, इसलिए जहाँ आपका ब्राउज़र इसे सपोर्ट करता है वहाँ एक दूसरा बटन आपको पूरी स्क्रीन के किसी भी पिक्सल का नमूना लेने देता है — किसी वीडियो, PDF व्यूअर या दूसरे ऐप्लिकेशन में फँसे रंगों के लिए बड़े काम का। पिछले आठ रंग स्वैच की एक पंक्ति में बने रहते हैं जिन पर क्लिक करके उन्हें कॉपी किया जा सकता है, और पूरे सेट को एक सादी टेक्स्ट फ़ाइल के रूप में डाउनलोड किया जा सकता है जिसमें हर रंग का HEX, RGB और HSL होता है। आपकी इमेज कभी अपलोड नहीं होती: वह लोकल पढ़ी जाती है, लोकल बनाई जाती है, और पेज बंद करते ही मिट जाती है।
नहीं। फ़ाइल को आपका ब्राउज़र FileReader से पढ़ता है और आपके डिवाइस पर ही canvas में बनाता है। वह कभी किसी सर्वर को नहीं भेजी जाती, और टैब बंद करते ही ग़ायब हो जाती है।
PNG, JPEG और WebP — वह सब जो आपका ब्राउज़र डिकोड कर सके। हर भुजा में 8000 पिक्सल तक की इमेज स्वीकार की जाती हैं; इससे बड़ी फ़ाइलें अस्वीकार कर दी जाती हैं ताकि canvas आपके डिवाइस की मेमोरी न चाट जाए।
वह ब्राउज़र के मूल EyeDropper API से आपकी स्क्रीन के किसी भी पिक्सल का नमूना लेता है, सिर्फ़ लोड की गई इमेज के भीतर से नहीं। यह Chrome, Edge, Opera और Brave जैसे Chromium ब्राउज़रों में दिखता है; Firefox और Safari इसे अभी सपोर्ट नहीं करते, इसलिए वहाँ बटन दिखता ही नहीं।
आम तौर पर दो में से एक वजह। JPEG कंप्रेशन तीखे किनारों के पास के पिक्सल बदल देता है, और ब्राउज़र डिकोड करते समय इमेज में जुड़ा कलर प्रोफ़ाइल लागू कर सकता है। PNG में सहेजे गए सपाट ब्रांड रंगों के लिए जो मान मिलता है वह बिलकुल सटीक होता है।
अपने आप नहीं — यह टूल एक बार में एक क्लिक का रंग पकड़ता है और पिछले आठ रंग रखता है, जिन्हें आप टेक्स्ट फ़ाइल के रूप में डाउनलोड कर सकते हैं। किसी इमेज के मुख्य हिस्सों के नमूने लेना आम तौर पर ब्रांड पैलेट दोबारा बनाने के लिए काफ़ी होता है।
Vai.la किसी भी URL को क्लिक आंकड़ों, QR Code और आपके अपने बायोलिंक के साथ एक शॉर्ट लिंक में बदल देता है।
टूल्स का इस्तेमाल कैसे होता है या उनके परिणामों के आधार पर लिए गए निर्णयों के लिए Vai.la ज़िम्मेदार नहीं है।