कलर पिकर का उपयोग करके किसी भी पिक्सेल से कलर कैसे खोजें
त्वरित जवाब
कलर चुनने के लिए: Color Picker खोलें, इमेज अपलोड करें (या screen eyedropper उपयोग करें), इच्छित pixel पर क्लिक करें और HEX, RGB, HSL मान दिखते हैं। सारा प्रोसेसिंग स्थानीय है —इमेज कभी अपलोड नहीं होती।
परिचय
Color picker (eyedropper भी कहलाता है) किसी pixel का सटीक कलर खोजने देता है। यह ब्रांड कलर match, इमेज से कलर sample या फोटो से पैलेट बनाने के लिए आवश्यक है। ब्राउज़र-आधारित color picker Canvas API से इमेज कलर पढ़ता है, और EyeDropper API स्क्रीन के किसी भी बिंदु से कलर चुन सकता है।
क्रमशः
-
कलर पिकर टूल खोलें
कलर पिकर टूल पेज पर जाएं। यह टूल आईड्रॉपर API के माध्यम से स्क्रीन पर कहीं से भी, अपलोड की गई छवियों से और समर्थित ब्राउज़रों में रंग चुनने का समर्थन करता है।
-
अपना स्रोत चुनें
किसी छवि से चुनने के लिए: किसी छवि को अपलोड करें या खींचें और छोड़ें। स्क्रीन से चुनने के लिए (केवल क्रोम/एज): 'स्क्रीन से चुनें' बटन पर क्लिक करें, फिर अपनी स्क्रीन पर कहीं भी क्लिक करें।
-
नमूना लेने के लिए पिक्सेल पर क्लिक करें
छवि चयन के लिए, अपने कर्सर को छवि पर ले जाएँ और उस पिक्सेल पर क्लिक करें जिसका रंग आप चाहते हैं। टूल getImageData() का उपयोग करके कैनवास से पिक्सेल रंग पढ़ता है। एक आवर्धक आपको सटीक पिक्सेल चुनने में मदद कर सकता है।
-
रंग मान पढ़ें
टूल चयनित रंग को एक नमूने के साथ HEX, RGB, और HSL प्रारूपों में प्रदर्शित करता है। जैसे ही आप कर्सर घुमाते हैं, मान तुरंत अपडेट हो जाते हैं।
-
रंग कॉपी करें
रंग मान को अपने क्लिपबोर्ड पर कॉपी करने के लिए किसी भी प्रारूप के आगे कॉपी पर क्लिक करें। इसे अपने CSS, डिज़ाइन टूल या एप्लिकेशन में उपयोग करें।
उदाहरण
लोगो से ब्रांड का रंग चुनें
इनपुट: Logo.png, ब्रांड रंग पिक्सेल पर क्लिक करें
उत्पादन: HEX: #1a73e8, RGB: rgb(26, 115, 232), HSL: hsl(217, 89%, 51%)
किसी फ़ोटो से रंग का नमूना लें
इनपुट: Photo.jpg, स्काई पिक्सेल पर क्लिक करें
उत्पादन: HEX: #87ceeb, RGB: rgb(135, 206, 235), HSL: hsl(197, 71%, 73%)
स्क्रीन से चुनें (क्रोम/एज)
इनपुट: 'स्क्रीन से चुनें' पर क्लिक करें, फिर अपने डिस्प्ले पर किसी भी पिक्सेल पर क्लिक करें
उत्पादन: उस पिक्सेल का मान HEX, उदाहरण के लिए, #ff5733
सामान्य समस्या
- एंटी-अलियासिंग किनारों पर रंगों को मिश्रित करता है—दो रंगों के बीच किनारे पर मौजूद पिक्सेल एक मिश्रण होते हैं। सटीकता के लिए ठोस रंग क्षेत्र के केंद्र से नमूना लें।
- आईड्रॉपर API समर्थित नहीं है—स्क्रीन पिकर के लिए Chrome 95+ या Edge 95+ की आवश्यकता होती है। फ़ायरफ़ॉक्स और सफ़ारी इसका समर्थन नहीं करते; इसके बजाय छवि अपलोड विधि का उपयोग करें.
- JPEG संपीड़न रंग बदल देता है —JPEG हानिपूर्ण संपीड़न पिक्सेल रंग थोड़ा बदल देता है। सटीक ब्रांड रंगों के लिए, PNG या मूल वेक्टर स्रोत का उपयोग करें।
- रंग प्रोफ़ाइल अंतर - एम्बेडेड रंग प्रोफ़ाइल (आईसीसी) वाली छवियां उनके कच्चे पिक्सेल मानों से भिन्न प्रदर्शित हो सकती हैं।
सुझावों
- सटीक पिक्सेल का चयन करने के लिए आवर्धक का उपयोग करें - उच्च ज़ूम पर, आप मिश्रित किनारे के बजाय एकल सटीक पिक्सेल चुन सकते हैं।
- एक ठोस क्षेत्र से एकाधिक पिक्सेल का नमूना लें और यदि संपीड़न के कारण शोर उत्पन्न हुआ है तो उन्हें औसत करें - इससे अधिक प्रतिनिधि रंग मिलता है।
- केवल ब्राउज़र में छवियों से ही नहीं, बल्कि किसी भी एप्लिकेशन से रंग चुनने के लिए आईड्रॉपर API (क्रोम/एज) का उपयोग करें।
- तत्काल, निजी रंग नमूने के लिए हमारे कलर पिकर का उपयोग करें - आपकी छवियां आपके ब्राउज़र को कभी नहीं छोड़ती हैं।