कैसे अपनी कम्प्यूटर स्क्रीन पर कलर के हेक्स कोड को प्राप्त करें (Get a hex code of a color on your computer screen)

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

विधि 1

विधि 1 का 4:

मैक पर डिजिटल कलर मीटर यूज़ करना

आर्टिकल डाउनलोड करें

यह टूल macOS के साथ आता है, जो स्क्रीन पर किसी भी कलर की कलर वैल्यू को पहचान सकता है।^{[१]Xरिसर्च सोर्स} Finder ओपन करें, Applications फोल्डर पर डबल-क्लिक करें, Utilities फोल्डर पर डबल-क्लिक करें, और Digital Color Meter को ओपन करने के लिए इस पर डबल-क्लिक करें।
2
अपने माउस कर्सर को उस कलर पर मूव करें जिसे आप पहचानना चाहते हैं: जैसे ही आप माउस मूव करते हैं, टूल में वैल्यूस रियल-टाइम में अपडेट होंगी। अपने माउस को इस लोकेशन से तब तक मूव न करें जब तक कि आप हॉरिज़ॉंटल और वर्टिकल ऐपर्चर दोनों को लॉक नहीं कर देते हैं।
- आप इस टूल को वेब पर कलर पहचानने के लिए भी यूज़ कर सकते हैं। सफारी (या अपना पसंदीदा ब्राउज़र) ओपन करें और कलर वाली इस वेबसाइट पर जाएँ जिस कलर को आप पहचानना चाहते हैं।
दबाएँ: यह हॉरिज़ॉंटल और वर्टिकल दोनों ऐपर्चर को लॉक कर देता है, जिसका मतलब है कि आपके द्वारा माउस को मूव करने पर कलर वैल्यू चेंज नहीं होगी।
हेक्स कोड को क्लिपबोर्ड पर कॉपी करने के लिए ⇧ Shift+⌘ Command+C दबाएँ: आप Color मेनू पर क्लिक करके और Copy Color as Text को सेलेक्ट करके भी हेक्स कोड को कॉपी कर सकते हैं।
आप इसे सीधे अपने HTML कोड, टेक्स्ट फ़ाइल, या किसी दूसरे टाइपिंग एरिया में पेस्ट कर सकते हैं।
यदि आप दूसरा कलर पहचानना चाहते हैं, तो इस लॉक को रिलीज़ कर दें जिससे कर्सर फिर से कलर वैल्यू आयडेंटिफ़ायर की तरह काम करने लगता है।

विधि 2

विधि 2 का 4:

विंडोज के लिए Color Cop यूज करना

आर्टिकल डाउनलोड करें

1
Color Cop इंस्टॉल करें: Color Cop एक छोटी, फ्री यूटिलिटी है जिसे आप स्क्रीन पर किसी भी कलर के हेक्स कोड को आसानी से पहचानने के लिए यूज कर सकते हैं। यहां दिया गया है कि इस ऐप को कैसे प्राप्त करते हैं:
- वेब ब्राउजर में http://colorcop.net/download पर जाएँ।
- "self-installing" में colorcop-setup.exe पर क्लिक करें: यदि फाइल ऑटोमेटिकली डाउनलोड नहीं होती है, तो डाउनलोड को स्टार्ट करने के लिए Save या OK पर क्लिक करें।
- डाउनलोड की गई फाइल पर डबल-क्लिक करें (यह Downloads फोल्डर में है, और आमतौर पर ब्राउजर टैब के निचले-बाएँ कोने में होता है)।
- एप्लिकेशन को इंस्टॉल करने के लिए ऑन-स्क्रीन इंस्ट्रक्शन्स को फॉलो करें।
आप इसे अपने स्टार्ट मेनू में पाएँगे।
आईड्रॉपर आइकॉन को उस कलर पर ड्रैग करें जिसे आप पहचानना चाहते हैं: आप स्क्रीन सहित दूसरी ऐप्लिकेशन और वेबसाइट्स पर किसी भी कलर को पहचान सकते हैं।
कोड ऐप्लिकेशन के सेंटर में ब्लैंक में दिखाई देगा।
यह आपके हेक्स कोड को आपके क्लिपबोर्ड पर कॉपी कर देता है।
आप जहां चाहे वहाँ जैसे कि अपने HTML या CSS कोड में पेस्ट करने के लिए Ctrl + V यूज़ कर सकते हैं।

विधि 3

विधि 3 का 4:

Imagecolorpicker.com को यूज़ करना

आर्टिकल डाउनलोड करें

अपने कम्प्यूटर, फोन, या टैबलेट पर https://imagecolorpicker.com पर जाएँ: आप इस फ्री टूल का यूज़ किसी अपलोड की गई इमेज में किसी भी कलर के हेक्स कोड को पहचानने के लिए कर सकते हैं। यह तरीका आपके एंड्राइड, आईफोन, या आईपैड सहित किसी भी ब्राउज़र में काम करेगा।
2
एक इमेज अपलोड करें या URL डालें: आपको फैसला करना पड़ेगा कि आप अपनी इमेज या पहले से ऑनलाइन इमेज या वेबसाइट अपलोड करना चाहते हैं। आपके मनचाहे कलर को सेलेक्ट करने के लिए किसी भी तरीके का यूज आपके लिए किसी पिक्चर या वेबपेज को डिस्प्ले करने के लिए किया जा सकता है।
- इमेज अपलोड करने के लिए, नीचे स्क्रॉल करें और Upload your image को सेलेक्ट करें, अपने कंप्यूटर, फोन, या टैबलेट पर जाएँ, और इसे अपलोड करने के लिए ऑप्शन को सेलेक्ट करें।
- वेबसाइट यूज करने के लिए, "Use this box to get the HTML color code from a website" ऑप्शन पर नीचे स्क्रोल करें, URL डालें, और फिर Take website क्लिक या टैप करें।
- वेब पर पूरी वेबसाइट की जगह सीधे एक इमेज को सेलेक्ट करने के लिए, "Use this box to get the HTML color code from a picture via this URL" बॉक्स में इमेज की URL डालें, फिर Take image क्लिक या टैप करें।
इमेज/साइट प्रीव्यू में आप जिस कलर को चाहते हैं उस पर क्लिक या टैप करें: यह स्क्रीन के निचले-बाएँ कोने में कलर का हेक्स कोड डिस्प्ले करता है।
हेक्स कोड को अपने क्लिपबोर्ड पर कॉपी करने के लिए कॉपी आइकन को क्लिक या टैप करें: ये हेक्स कोड के दाएं में दो ओवरलैपिंग स्क्वेर हैं। फिर आप इसे किसी भी टेक्स्ट फाइल या टाइपिंग एरिया में पेस्ट कर सकते हैं।

विधि 4

विधि 4 का 4:

फायरफॉक्स को (वेब पर कलर के लिए) यूज करना

आर्टिकल डाउनलोड करें

1
अपने PC या Mac पर फायरफॉक्स को ओपन करें: फायरफॉक्स वेब ब्राउजर फ्री आईड्रॉपर टूल के साथ आता है जिसे आप वेब पर किसी भी कलर के हेक्स कोड को पहचानने के लिए यूज कर सकते हैं। यदि आपके पास फायरफॉक्स है, तो आप इसे Start मेनू (Windows) या Applications फ़ोल्डर (macOS) में पाएँगे।
- आप https://www.mozilla.org/en-US/firefox पर फायरफॉक्स को फ्री में डाउनलोड कर सकते हैं।
- फायरफॉक्स केवल वेबसाइट पर कलर की वैल्यू बताएगी। आप इसे ब्राउजर से बाहर यूज नहीं कर सकते हैं।
कलर वाली उस वेबसाइट पर जाएँ जिस कलर को आप पहचानना चाहते हैं: सुनिश्चित करें कि जिस एलिमेंट के लिए आपको कलर की जरूरत है वह व्यू में है।
यह फायरफॉक्स के ऊपरी-दाएँ कोने में तीन हॉरिजाँटल लाइन हैं।
मेनू पर क्लिक करें: एक दूसरा मेनू एक्सपांड हो जाएगा।
पर क्लिक करें: आपका माउस एक बड़े सर्कल में बदल जाएगा।
आप नोटिस करेंगे कि कलर की हेक्स वैल्यू आपके द्वारा माउस की लोकेशन मूव करने पर लाइव अपडेट होती है। एक बार आपके द्वारा माउस को क्लिक करने पर, फायरफॉक्स हेक्स कोड को आपके क्लिपबोर्ड पर सेव कर देगा।
आप हेक्स कोड को अपनी HTML, CSS, या किसी दूसरी टाइप की फाइल में पेस्ट करने के लिए आप Control + V (PC) या Command + V (Mac) का यूज कर सकते हैं।

सलाह

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