CSS
फ़्रंट-एंड काम
DevTools खोले बिना CSS, SCSS या Tailwind कॉन्फ़िग के लिए लाइव साइट से सटीक मान लें।
Chrome के लिए मुफ़्त कलर पिकर
सरल कलर पिकर Chrome के लिए मुफ़्त आईड्रॉपर है। इसका बटन या Alt+P दबाएँ, ज़ूम लेंस से किसी भी पिक्सल पर निशाना लगाएँ और क्लिक करें: HEX, RGB या HSL कोड पहले से क्लिपबोर्ड में है। आपके 50 हाल के रंग पॉपअप में रहते हैं।
Chrome Web Store पर 453 उपयोगकर्ता
Edge, Brave, Opera और दूसरे Chromium ब्राउज़र में भी चलता है।

टूलबार के आइकन पर क्लिक करके रंग चुनें दबाएँ, या किसी भी पेज पर Alt+P दबाएँ।
चौकोर लेंस कर्सर के आसपास ज़ूम करता है और सटीक पिक्सल को फ़्रेम करता है। उसके नीचे का चिप HEX, RGB और HSL लाइव दिखाता है।
कोड आपके डिफ़ॉल्ट फ़ॉर्मैट में कॉपी होता है और एक छोटा नोट इसकी पुष्टि करता है। इसे CSS, Figma या किसी संदेश में पेस्ट करें।
CSS
DevTools खोले बिना CSS, SCSS या Tailwind कॉन्फ़िग के लिए लाइव साइट से सटीक मान लें।
HEX
इंटरफ़ेस, मॉकअप या रेफ़रेंस से पैलेट लें, और जाँचें कि पेज सही ब्रांड रंग इस्तेमाल करता है।
HSL
चमक और संतृप्ति हाथ से ठीक करने के लिए HSL लें, या संख्याएँ माँगने वाले कोड के लिए RGB।
लेंस कर्सर के आसपास के 11 × 11 पिक्सल बड़े करता है और क्रॉसहेयर उस पिक्सल को फ़्रेम करता है जो आप लेने वाले हैं। एक पिक्सल का बॉर्डर या ग्रेडिएंट का एक ही कदम भी पकड़ में आता है।
HEX, जैसे #2A6FDB, RGB, जैसे rgb(42, 111, 219), HSL, जैसे hsl(217, 71%, 51%)। डिफ़ॉल्ट फ़ॉर्मैट पॉपअप में एक बार चुनें।
हर चुना हुआ रंग आपके 50 हाल के रंगों की ग्रिड में सबसे आगे आता है, बिना दोहराव के। तीनों कोड देखने और कॉपी करने के लिए किसी स्वैच पर क्लिक करें।
पॉपअप खोले बिना चुनना शुरू करें। कोई और कुंजी चाहिए तो पॉपअप में कीकैप Chrome की शॉर्टकट सेटिंग खोलता है।
सब कुछ आपके ब्राउज़र में चलता है। न अकाउंट, न एनालिटिक्स, न टेलीमेट्री।
पॉपअप और लेंस आपके सिस्टम की थीम के साथ चलते हैं, तटस्थ ग्रे रंगों में, जो आपके परखे जा रहे रंगों पर कोई रंगत नहीं चढ़ाते।
Chrome का अपना आईड्रॉपर DevTools के अंदर है: शैलियाँ पैनल खोलें, रंग की प्रॉपर्टी ढूँढें, उसके स्वैच पर क्लिक करें, फिर आईड्रॉपर पर। यह काम करता है, पर छिपा हुआ है, और चुना गया मान क्लिपबोर्ड में आने के बजाय पेज के CSS में उस प्रॉपर्टी की जगह ले लेता है।
सरल कलर पिकर आईड्रॉपर को एक क्लिक या एक शॉर्टकट की दूरी पर रखता है। शुरू करने पर यह टैब के दिखने वाले हिस्से का स्नैपशॉट लेता है और उसके ऊपर चौकोर लेंस खोलता है, इसलिए आपको औसत नहीं, सटीक पिक्सल दिखता है। एक क्लिक कोड कॉपी करता है, और पॉपअप उसे आपके 50 हाल के रंगों के साथ तीनों फ़ॉर्मैट में रखता है।
शुरू करने से पहले पेज के ज़रूरी हिस्से तक स्क्रोल करें: लेंस उसी स्नैपशॉट से पढ़ता है। नया टैब पेज, सेटिंग और Chrome Web Store जैसे ब्राउज़र पेज सभी एक्सटेंशन के लिए बंद हैं।
एक्सटेंशन कभी किसी सर्वर से बात नहीं करता। न एनालिटिक्स, न टेलीमेट्री।
आपका इतिहास और डिफ़ॉल्ट फ़ॉर्मैट एक्सटेंशन के लोकल स्टोरेज में रहते हैं।
सक्रिय टैब, सिर्फ़ तब जब आप चुनना शुरू करें, स्नैपशॉट लेने के लिए; लेंस दिखाने के लिए scripting; इतिहास और फ़ॉर्मैट के लिए storage; कोड कॉपी करने के लिए क्लिपबोर्ड में लिखने की अनुमति।
| DevTools आईड्रॉपर बनाम सरल कलर पिकर | DevTools आईड्रॉपर | सरल कलर पिकर |
|---|---|---|
| शुरू कैसे करें | DevTools खोलें, शैलियाँ में रंग ढूँढें, उसके स्वैच पर क्लिक करें, फिर आईड्रॉपर पर | टूलबार बटन या Alt+P |
| नतीजा कहाँ जाता है | आपकी खोली हुई CSS प्रॉपर्टी में; कॉपी आपको खुद करना पड़ता है | क्लिक करते ही आपके क्लिपबोर्ड में |
| रंग फ़ॉर्मैट | HEX, RGB, HSL और अन्य | HEX, RGB और HSL |
| पहले चुने गए रंग | सहेजे नहीं जाते | आपके 50 हाल के रंग, दोबारा कॉपी के लिए तैयार |
| कीमत | Chrome में पहले से मौजूद | मुफ़्त |
सरल कलर पिकर इंस्टॉल करें, पेज पर Alt+P दबाएँ, लेंस को रंग पर रखें और क्लिक करें। HEX कोड, या आप चाहें तो RGB या HSL, आपके क्लिपबोर्ड में कॉपी हो जाता है।
उसी तरह: पिकर शुरू करें और इमेज में मनचाहे पिक्सल पर क्लिक करें। लेंस ज़ूम करता है, इसलिए आप एक सटीक पिक्सल ले सकते हैं।
हाँ। पॉपअप में डिफ़ॉल्ट फ़ॉर्मैट चुनें: HEX, RGB या HSL। पॉपअप इतिहास के हर रंग के तीनों कोड भी दिखाता है, हर एक का अपना कॉपी बटन है।
पॉपअप खोलें: आपके 50 हाल के रंग स्वैच के रूप में वहाँ हैं, सबसे नया पहले। किसी एक पर क्लिक करके उसके कोड देखें और कॉपी करें, या इतिहास साफ़ करें।
पॉपअप में शॉर्टकट के कीकैप पर क्लिक करें। यह Chrome का कीबोर्ड शॉर्टकट पेज खोलता है, जहाँ आप कोई और कुंजी सेट कर सकते हैं।
Chrome अपने पेज, जैसे नया टैब पेज, सेटिंग और Chrome Web Store, सभी एक्सटेंशन के लिए बंद रखता है। पिकर टैब का सिर्फ़ दिखने वाला हिस्सा पढ़ता है, इसलिए पहले रंग तक स्क्रोल करें।
नहीं। यह सिर्फ़ मौजूदा ब्राउज़र टैब से रंग लेता है। यह CMYK या Pantone में नहीं बदलता और कंट्रास्ट भी नहीं जाँचता।
यह मुफ़्त है और कोई नेटवर्क अनुरोध नहीं करता। आपका इतिहास और डिफ़ॉल्ट फ़ॉर्मैट आपके डिवाइस पर रहते हैं।