ColorDojo: आईड्रॉपर टूल और कलर पिकर

आईड्रॉपर और कलर पिकर एक्सटेंशन: स्क्रीन के रंग निजी रूप से चुनें, OKLCH कॉपी करें, Tailwind v4 मिलाएँ, कंट्रास्ट जाँचें।

ColorDojo उन डेवलपर्स के लिए एक निजी आईड्रॉपर टूल और कलर पिकर एक्सटेंशन है जिन्हें OKLCH, Tailwind मिलान और कंट्रास्ट चेकर चाहिए — हर साइट तक स्थायी पहुँच दिए बिना। पिक्सेल चुनें, वैल्यू कॉपी करें, काम जारी रखें। एक बार चुनें, अपनी पसंद के फ़ॉर्मैट में कॉपी करें Chromium के नेटिव आईड्रॉपर से स्क्रीन का कोई भी पिक्सेल चुनें। ColorDojo hex, RGB, HSL, HSV, OKLCH और Display P3 के साथ सबसे नज़दीकी CSS नामित रंग दिखाता है, और ऑटो-कॉपी चालू होने पर आपका डिफ़ॉल्ट फ़ॉर्मैट अपने आप कॉपी हो जाता है। rgba कलर पिकर के रूप में यह पेस्ट किए और इंपोर्ट किए रंगों का अल्फा चैनल बनाए रखता है: 8 अंकों का hex या अल्फा के साथ rgb(), आधुनिक स्लैश या पुरानी कॉमा सिंटैक्स में। Alt+P शॉर्टकट पिकिंग को कीबोर्ड पर ले आता है, और टूलबार बैज आख़िरी चुने रंग की बिंदी बन जाता है। लागू करने से पहले चैनल ठीक करें रंग लगभग सही है? Edit टैब स्लाइडर वाला HSL कलर पिकर है: RGB, HSL या HSV चैनल समायोजित करें, खींचते समय "Selected vs new" तुलना देखें, फिर लागू करें। फ़ॉर्मैट, Tailwind टोकन और कंट्रास्ट जाँचें लागू रंग के साथ चलती हैं। MAC, WINDOWS और LINUX के लिए आईड्रॉपर जहाँ Chromium नेटिव आईड्रॉपर देता है, वहाँ स्क्रीन से सीधा चुनाव। जहाँ नहीं, वहाँ पेज के भीतर का लूप संभालता है: 16x आवर्धक जो एक पिक्सेल चुनता है, 3x3, 5x5, 11x11 या 25x25 ब्लॉक का औसत निकालता है, या खींचे गए किसी भी क्षेत्र का औसत देता है। लूप सिर्फ़ सक्रिय पेज पर और आपके क्लिक के बाद ही चलता है। डिज़ाइन सिस्टम के भीतर रहें हर चुना रंग लोकल स्तर पर बंडल की गई Tailwind CSS v4 पैलेट से मिलाया जाता है। ColorDojo सबसे नज़दीकी टोकन, उसका परसेप्चुअल डेल्टा, जोड़ीदार स्वैच और `blue-600` तथा `var(--color-blue-600)` दोनों रूपों की कॉपी क्रियाएँ दिखाता है। यह Tailwind कलर पिकर वाला आधा हिस्सा है; थीम एक्सट्रैक्शन Tailwind कलर जेनरेटर जोड़ता है, जो खुले पेज से पूरा @theme ब्लॉक लिख देता है। ऑडिट से पहले कंट्रास्ट जाँचें बिल्ट-इन WCAG कंट्रास्ट चेकर चुनते ही सफ़ेद और काले के मुकाबले अनुपात दिखाता है। सक्रिय रंग को हिस्ट्री के किसी रंग से जोड़ें: WCAG 2.2 AA, बड़े टेक्स्ट और AAA जाँचें, संकेतक APCA Lc, और सामान्य टेक्स्ट AA में फेल हो तो नज़दीकी लाइटनेस का सुझाव। पेज के असली रंग निकालें थीम एक्सट्रैक्शन केवल सक्रिय पेज पर चलता है। ColorDojo सुलभ CSS कस्टम प्रॉपर्टीज़ को कंप्यूटेड स्टाइल के सैंपल से जोड़ता है, लगभग-दोहराए रंगों को एक OKLCH पैलेट में समेटता है, और CSS वेरिएबल, Tailwind v4 का @theme ब्लॉक, OKLCH घटकों वाला W3C Design Tokens JSON या आपकी पसंद के फ़ॉर्मैट में सादी सूची निर्यात करता है। बिना अलग टैब के HEX से OKLCH पैलेट इंपोर्टर में #ef4444, hsl(0 84% 60%), cmyk(0 72 72 6) या oklch(60% 0.2 30) पेस्ट करें और हर एंट्री ज़रूरी फ़ॉर्मैट में वापस कॉपी करें: hex से OKLCH, OKLCH से hex या HSL से OKLCH — ऑफ़लाइन, पॉपअप के भीतर। ब्राउज़िंग-डेटा की कोई पाइपलाइन नहीं ColorDojo के पास सभी साइटों की होस्ट अनुमति नहीं है और न ही कोई स्थायी कंटेंट स्क्रिप्ट। इंस्पेक्ट और एक्सट्रैक्शन आपके क्लिक के बाद ही Chrome की अस्थायी activeTab अनुमति इस्तेमाल करते हैं। एक्सटेंशन रनटाइम में कोई नेटवर्क अनुरोध नहीं करता; हिस्ट्री और पैलेट Chrome स्टोरेज में ही रहते हैं। अगली बार कोई पिक्सेल नज़र खींचे, तो Alt+P दबाएँ और उसका रंग सीधे अपने कोड में ले आएँ।