इमेज कलर पिकर
किसी भी इमेज में पिक्सेल पर क्लिक करके रंग चुनें। मैग्निफ़ायर सटीक पिक्सेल दिखाता है, और आपको HEX, RGB, HSL वैल्यू के साथ चुने गए रंगों का इतिहास मिलता है।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
संबंधित टूल्स
सभी देखेंइमेज कलर पिकर क्या है?
इमेज अपलोड या पेस्ट करें और किसी भी बिंदु पर क्लिक करके उस पिक्सेल का सटीक रंग HEX, RGB (अर्धपारदर्शी होने पर RGBA) और HSL में पढ़ें। मैग्निफ़ायर कर्सर के आसपास के पिक्सेल दिखाता है, X/Y फ़ील्ड से आप ठीक किसी पिक्सेल को चुन सकते हैं, और हर चुना गया रंग क्लिक करने लायक इतिहास में रहता है।
इमेज कलर पिकर का उपयोग कैसे करें
- इमेज छोड़ें, चुनें या पेस्ट करें (Ctrl+V से पेस्ट किया स्क्रीनशॉट अच्छा काम करता है)।
- बड़ा दृश्य देखने के लिए पॉइंटर को इमेज पर ले जाएँ, फिर रंग चुनने के लिए क्लिक करें।
- या ठीक X और Y पिक्सेल निर्देशांक लिखें।
- कॉपी करने के लिए HEX, RGB या HSL वैल्यू पर क्लिक करें; पुराने रंग चुने गए रंग से दोबारा इस्तेमाल करें।
उदाहरण
40×20 image whose top-right quadrant is pure green, pixel X=25, Y=5
#00FF00 · rgb(0, 255, 0) · hsl(120, 100%, 50%)
इमेज कलर पिकर का उपयोग कब करें
लोगो या स्क्रीनशॉट से ब्रांड रंग मिलाने, डिज़ाइन के लिए फ़ोटो से रंग लेने, या किसी UI एलिमेंट का सटीक रंग जाँचने में इसका इस्तेमाल करें। ध्यान रखें कि JPEG कंप्रेशन और एंटी-एलियासिंग पिक्सेल रंग थोड़ा बदल देते हैं, इसलिए किनारों की बजाय सपाट हिस्सों से नमूना लें। एक साथ पूरा पैलेट पाने के लिए इमेज कलर पैलेट इस्तेमाल करें।
इमेज कलर पिकर कैसे काम करता है
इमेज कैनवास पर उसके पूरे रिज़ॉल्यूशन पर बनती है और उसके पिक्सेल getImageData से एक बार पढ़े जाते हैं। क्लिक को स्क्रीन निर्देशांक से इमेज पिक्सेल निर्देशांक में बदला जाता है, और उस इंडेक्स की RGBA वैल्यू HEX और HSL में बदली जाती है (ह्यू डिग्री में, सैचुरेशन और लाइटनेस प्रतिशत में)। मैग्निफ़ायर बिना स्मूदिंग के 11×11 पिक्सेल का आसपास का हिस्सा दोबारा बनाता है।
सामान्य उपयोग मामले
- लोगो में ब्रांड रंग का HEX कोड ढूँढना।
- वेबसाइट स्क्रीनशॉट से रंग लेकर CSS में दोबारा इस्तेमाल करना।
- जाँचना कि दो UI एलिमेंट सचमुच एक ही रंग इस्तेमाल करते हैं।
- मूड बोर्ड के लिए फ़ोटो से रंग इकट्ठा करना।
सुरक्षा नोट
इमेज आपके ब्राउज़र में Canvas API से ही डिकोड, प्रोसेस और एन्कोड होती हैं। कुछ भी सर्वर पर अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
रंग मेरी उम्मीद से थोड़ा अलग क्यों है?
JPEG जैसे लॉसी फ़ॉर्मेट और किनारों की स्मूदिंग पिक्सेल वैल्यू बदल देती हैं। सपाट हिस्से के बीच से चुनें, या सटीक पिक्सेल के लिए X/Y फ़ील्ड इस्तेमाल करें।
क्या यह पारदर्शी इमेज के साथ काम करता है?
हाँ। अर्धपारदर्शी पिक्सेल अपनी अल्फ़ा वैल्यू के साथ rgba() के रूप में दिखते हैं; HEX वैल्यू RGB हिस्सा दिखाती है।
क्या मैं ब्राउज़र के बाहर से रंग चुन सकता हूँ?
नहीं, सिर्फ़ आपकी लोड की इमेज से। स्क्रीन पर किसी भी चीज़ से चुनने के लिए स्क्रीनशॉट लें और Ctrl+V से पेस्ट करें।