कल्पना कीजिए कि आप छवियों के माध्यम से स्क्रॉल कर रहे हैं और आपको सही रंग मिल गया है - सटीक छाया जो आपको अपने अगले डिजाइन प्रोजेक्ट के लिए चाहिए। किसी भी ऐप या वेबसाइट पर विशिष्ट रंगों की पहचान करने में आपकी मदद करने के लिए इंटरनेट पर कुछ शानदार टूल हैं। आइए उनमें से कुछ बेहतरीन विकल्पों पर एक नज़र डालें।
1. Chrome वेब ब्राउज़र पर डेवलपर टूल का उपयोग करना
एक विकल्प जिसे आप आजमा सकते हैं वह है क्रोम डेवलपर टूल। क्रोम डेवलपर्स के लिए बहुत उपयोगी सुविधाओं के साथ आता है, जिससे कार्यों को करना बहुत आसान हो जाता है। आप किसी भी ऐप या वेबसाइट पर विशिष्ट रंगों की पहचान करने के लिए निम्न चरणों का उपयोग कर सकते हैं।
- जिस वेबसाइट पर आप किसी रंग की पहचान करना चाहते हैं उसे क्रोम वेब ब्राउजर पर खोलें
- क्रोम के ऊपर दाईं ओर तीन-डॉट आइकन पर क्लिक करें। विकल्पों के एक समूह के साथ एक पॉप अप दिखाई देगा।
- 'मोर टूल्स' पर क्लिक करें और फिर परिणामी पॉप अप से 'डेवलपर टूल्स' चुनें।
- यदि आप उपरोक्त चरणों को छोड़ना चाहते हैं तो Ctrl + Shift + I का प्रयोग करें
- अब, विंडो दो स्क्रीनों में विभाजित हो जाती है - बाईं ओर वेबसाइट और दाईं ओर वेबसाइट का कोड
- अपने कीबोर्ड पर Ctrl + Shift + C टाइप करें। जब हम तत्वों पर अपना माउस कर्सर घुमाते हैं तो यह आपको वेबसाइट पर किसी विशेष तत्व के सभी विवरण दिखाता है।
- आप अन्य उपयोगी जानकारी के साथ तत्व का रंग कोड पा सकते हैं।
उदाहरण
मान लें कि आप निम्न वेबसाइट पर कुछ तत्वों के लिए विशिष्ट रंग कोड में रुचि रखते हैं:
आप अपनी स्क्रीन के कोने में तीन बिंदुओं पर क्लिक करके डेवलपर टूल चुन सकते हैं। ड्रॉप-डाउन मेनू में, अधिक टूल चुनें, फिर डेवलपर टूल चुनें।
स्क्रीन को नेत्रहीन रूप से दो पृष्ठों में विभाजित किया जाएगा। आपको वेबसाइट बाईं ओर और साइट का कोड दाईं ओर दिखाई देगा।
कमांड टाइप करें और शॉर्ट कट "Ctrl + Shift + C" टाइप करें और माउस कर्सर को वेबसाइट के तत्वों पर घुमाएं। यह अन्य उपयोगी जानकारी के साथ उस तत्व का रंग दिखाएगा। नीचे दो उदाहरण दिए गए हैं जहां हमें नेविगेशन बार का रंग और खोज टूल के नीचे एक डैशबोर्ड मिलता है।
यहां, हम नेविगेशन बार के लिए पॉप अप पर कलर कोड पा सकते हैं। रंग कोड #333333 है।
डैशबोर्ड का रंग अन्य उपयोगी विवरणों के साथ पाया जा सकता है। रंग: #333333, पृष्ठभूमि का रंग: #5D4A8E। हालाँकि यह शुरुआत में थोड़ा डराने वाला लग सकता है, लेकिन थोड़े अभ्यास के साथ कार्यक्रम का उपयोग करना बहुत आसान हो जाता है।
2. आई ड्रॉपर क्रोम एक्सटेंशन
आई ड्रॉपर एक लोकप्रिय और व्यापक रूप से इस्तेमाल किया जाने वाला क्रोम एक्सटेंशन है जो आपको किसी भी वेबसाइट या ऐप पर कुछ रंग खोजने में मदद करता है।
आई ड्रॉपर एक्सटेंशन टूल का उपयोग करके किसी वेबसाइट या ऐप पर विशिष्ट रंगों की पहचान करने के लिए नीचे दिए गए चरणों का पालन करें।
- क्रोम वेब ब्राउजर पर कोई भी वेबसाइट या ऐप खोलें
- आई ड्रॉपर एक्सटेंशन आइकन पर क्लिक करें
- 'वेब पेज से रंग चुनें' का चयन करें और ऐप या वेबसाइट पर विभिन्न तत्वों पर अपना माउस कर्सर घुमाएं।
आप वेबपेज के नीचे दाईं ओर सूचीबद्ध तत्वों का रंग कोड पा सकते हैं।
उदाहरण
ठीक है, आइए वास्तविक जीवन के उदाहरण में आईड्रॉपर एक्सटेंशन टूल का उपयोग करें। हम एक वेबसाइट खोलकर और आई ड्रॉपर एक्सटेंशन आइकन पर क्लिक करके शुरुआत करेंगे
जब आप वेबसाइट के विभिन्न तत्वों पर अपना कर्सर घुमाते हैं, तो आप स्क्रीन के नीचे दाईं ओर एक अनुभाग में रंग कोड दिखाई दे सकते हैं।
जब मैं अपने कर्सर को वी-आकार के आइकन पर घुमाता हूं, तो जैसा कि बताया गया है, मैं नीचे की खिड़की पर इसका रंग कोड देख सकता हूं। इस उपकरण का लाभ यह है कि आप तत्व के हेक्स रंग कोड के साथ आरजीबी कोड भी पा सकते हैं। विधि उन लोगों के लिए उपयोग करने के लिए लचीली है जो अपने पसंदीदा रंगों के लिए कोड हथियाने का एक सरल और त्वरित तरीका चाहते हैं।