मैं एक इमेज से एक रंग कैसे चुनूँ?

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

क्या मैं एक स्क्रीनशॉट में एक रंग का HEX कोड पा सकता हूँ?

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

क्या कलर पिकर PNG इमेज से पारदर्शिता रखता है?

रखता है। जब एक सैंपल किया गया पिक्सेल पूरी तरह अपारदर्शी नहीं होता, तो अल्फ़ा आगे बढ़ाया जाता है: RGB को rgba(...) के रूप में दिखाया जाता है और HEX एक आठवीं अल्फ़ा जोड़ी (#rrggbbaa) प्राप्त करता है, जो मेल खाता है कि पिक्सेल वास्तव में कैसे रेंडर होता है।

मैं किन इमेज प्रारूपों से रंग चुन सकता हूँ?

जो कुछ भी आपका ब्राउज़र एक कैनवास में डिकोड कर सकता है — PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO। सटीक ब्रांड रंगों के लिए एक हानिरहित PNG को प्राथमिकता दें, क्योंकि JPEG और WebP एक सपाट भराव को एक छाया से बदल सकते हैं।

क्या मैं एक तस्वीर से कई रंग सहेज सकता हूँ?

हाँ। हर क्लिक रंग को Recent colors स्ट्रिप में जोड़ता है, एक दर्जन चयन तक। वहाँ किसी भी स्वैच पर क्लिक करके इसे फिर से खोलें, फिर इमेज से एक पैलेट जोड़ने के लिए इसका HEX, RGB, या HSL कॉपी करें।

जब मैं एक इमेज से एक रंग चुनता हूँ तो क्या यह अपलोड होती है?

नहीं। इमेज कलर पिकर आपकी तस्वीर को एक कैनवास पर बनाता है और पिक्सेल पूरी तरह आपके डिवाइस पर पढ़ता है। इमेज कभी ArrayKit या किसी सर्वर पर नहीं भेजी जाती, इसलिए निजी मॉकअप और तस्वीरें स्थानीय रहती हैं।

इमेज कलर पिकर ऑनलाइन

एक इमेज छोड़ें, किसी भी पिक्सेल का पूर्वावलोकन करने के लिए होवर करें, और उसका HEX, RGB, और HSL पकड़ने के लिए क्लिक करें — सब आपके ब्राउज़र में। इमेज कभी आपके डिवाइस से बाहर नहीं जाती।

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

CSS कलर कन्वर्टर खोलें

इमेज कलर पिकर के बारे में

इमेज कलर पिकर किसी भी तस्वीर को एक रंग सैंपलर में बदल देता है। एक तस्वीर, लोगो, स्क्रीनशॉट, या डिज़ाइन मॉकअप छोड़ें या चुनें, फिर क्रॉसहेयर के नीचे के पिक्सेल का पूर्वावलोकन करने के लिए अपने कर्सर को उस पर घुमाएँ, और उस सटीक रंग को लॉक करने के लिए क्लिक करें। हर सैंपल एक लाइव स्वैच के बगल में HEX, RGB, और HSL के रूप में दिखाया जाता है, इसलिए आप इसे सीधे CSS, एक डिज़ाइन टोकन, या एक पेंट बकेट में डाल सकते हैं। एक हाल-के-रंग स्ट्रिप आपके अंतिम चयनों को एक पैलेट बनाने के लिए संभाल रखती है, और हर मान का अपना कॉपी बटन है। पारदर्शी पिक्सेल अपना अल्फ़ा रखते हैं, इसलिए PNG ओवरले rgba और #rrggbbaa के रूप में वापस पढ़े जाते हैं। यह डिज़ाइनरों, फ्रंट-एंड डेवलपर्स, और एक इमेज से एक ब्रांड रंग मिलाने वाले किसी भी व्यक्ति के लिए बनाया गया है। तस्वीर एक कैनवास पर डिकोड होती है और आपके डिवाइस पर सैंपल होती है — यह कभी अपलोड नहीं होती।

विशेषताएँ

पिक्सेल रंग का लाइव पूर्वावलोकन करने के लिए एक इमेज पर होवर करें, फिर इसे लॉक करने के लिए क्लिक करें
एक लाइव स्वैच के बगल में हर सैंपल किए गए पिक्सेल के लिए HEX, RGB, और HSL दिखाता है
आपको आवश्यक HEX, RGB, और HSL नोटेशन के लिए प्रति-मान कॉपी बटन
हाल-के-रंग स्ट्रिप आपके अंतिम चयन याद रखती है ताकि आप एक पैलेट बना सकें
अल्फ़ा संरक्षित है — पारभासी PNG पिक्सेल rgba और #rrggbbaa के रूप में वापस पढ़े जाते हैं
PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO इमेज स्वीकार करता है
क्रॉसहेयर कर्सर और एक चेकरबोर्ड पृष्ठभूमि पारदर्शी क्षेत्रों को स्पष्ट बनाते हैं
पूरी तरह आपके ब्राउज़र में चलता है — इमेज आपके डिवाइस पर सैंपल होती है

इमेज कलर पिकर का उपयोग कैसे करें

ड्रॉप ज़ोन पर क्लिक करें या एक इमेज फ़ाइल उस पर खींचें
पिक्सेल रंग का पूर्वावलोकन करने के लिए अपने कर्सर को इमेज पर घुमाएँ
उस रंग को लॉक करने और उसका HEX, RGB, और HSL प्रकट करने के लिए एक स्थान पर क्लिक करें
आपको आवश्यक नोटेशन कॉपी करें, या Recent colors से एक पुराना चयन फिर से खोलें

उदाहरण

इनपुट

Sampled pixel: R 37, G 99, B 235 (opaque)

आउटपुट

HEX #2563eb
RGB rgb(37, 99, 235)
HSL hsl(221, 83%, 53%)

एक नीले बटन पर एक क्लिक पिक्सेल को पेस्ट-के-लिए-तैयार CSS रंग मानों में बदल देता है।

सामान्य त्रुटियाँ और समस्या निवारण

चुना गया रंग स्रोत इमेज से थोड़ा अलग दिखता है। — JPEG और WebP हानिपूर्ण संपीड़न उपयोग करते हैं, इसलिए सपाट भराव पड़ोसी पिक्सेल के बीच एक छाया से भिन्न हो सकते हैं। कुछ पास के बिंदु सैंपल करें, या सटीक ब्रांड रंगों के लिए डिज़ाइन का एक PNG एक्सपोर्ट उपयोग करें।
एक पारदर्शी क्षेत्र एक रंग के बजाय rgba(0, 0, 0, 0) लौटाता है। — वह पिक्सेल पूरी तरह पारदर्शी है, इसलिए पढ़ने के लिए कोई रंग नहीं है। कलाकृति के एक भरे हुए हिस्से पर होवर करें; चेकरबोर्ड पृष्ठभूमि पारदर्शी क्षेत्रों को चिह्नित करती है।
एक SVG या उच्च-रिज़ॉल्यूशन इमेज गलत स्थान से एक रंग दिखाती है। — पिकर इमेज के अपने रिज़ॉल्यूशन पर क्रॉसहेयर के नीचे के पिक्सेल को सैंपल करता है। बेहतर नियंत्रण के लिए अपने ब्राउज़र में ज़ूम इन करें, या जिस किनारे को आप चाहते हैं उस पर ठीक से क्लिक करें।

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

मैं एक इमेज से एक रंग कैसे चुनूँ?: इमेज छोड़ें या चुनें, पिक्सेल रंग का पूर्वावलोकन करने के लिए उस पर होवर करें, फिर जिस सटीक स्थान को आप चाहते हैं उस पर क्लिक करें। पिकर तुरंत उस पिक्सेल का HEX, RGB, और HSL एक स्वैच के साथ दिखाता है, और हर मान का एक कॉपी बटन है।
क्या मैं एक स्क्रीनशॉट में एक रंग का HEX कोड पा सकता हूँ?: हाँ। स्क्रीनशॉट को किसी भी इमेज की तरह लोड करें, जिस छाया को आप चाहते हैं उसे खोजने के लिए होवर करें, और उस पर क्लिक करें। HEX कोड RGB और HSL मानों के बगल में दिखता है ताकि आप इसे CSS या एक डिज़ाइन टूल में कॉपी कर सकें।
क्या कलर पिकर PNG इमेज से पारदर्शिता रखता है?: रखता है। जब एक सैंपल किया गया पिक्सेल पूरी तरह अपारदर्शी नहीं होता, तो अल्फ़ा आगे बढ़ाया जाता है: RGB को rgba(...) के रूप में दिखाया जाता है और HEX एक आठवीं अल्फ़ा जोड़ी (#rrggbbaa) प्राप्त करता है, जो मेल खाता है कि पिक्सेल वास्तव में कैसे रेंडर होता है।
मैं किन इमेज प्रारूपों से रंग चुन सकता हूँ?: जो कुछ भी आपका ब्राउज़र एक कैनवास में डिकोड कर सकता है — PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, और ICO। सटीक ब्रांड रंगों के लिए एक हानिरहित PNG को प्राथमिकता दें, क्योंकि JPEG और WebP एक सपाट भराव को एक छाया से बदल सकते हैं।
क्या मैं एक तस्वीर से कई रंग सहेज सकता हूँ?: हाँ। हर क्लिक रंग को Recent colors स्ट्रिप में जोड़ता है, एक दर्जन चयन तक। वहाँ किसी भी स्वैच पर क्लिक करके इसे फिर से खोलें, फिर इमेज से एक पैलेट जोड़ने के लिए इसका HEX, RGB, या HSL कॉपी करें।
जब मैं एक इमेज से एक रंग चुनता हूँ तो क्या यह अपलोड होती है?: नहीं। इमेज कलर पिकर आपकी तस्वीर को एक कैनवास पर बनाता है और पिक्सेल पूरी तरह आपके डिवाइस पर पढ़ता है। इमेज कभी ArrayKit या किसी सर्वर पर नहीं भेजी जाती, इसलिए निजी मॉकअप और तस्वीरें स्थानीय रहती हैं।