गैर-मौखिक रूप से जानकारी देने में रंग महत्वपूर्ण भूमिका निभाते हैं। इंटरैक्टिव रंगों वाली वेबसाइट को आकर्षक और देखने में आकर्षक माना जाता है। HTML तत्वों के लिए रंग लागू करने के विभिन्न तरीके हैं: RGB, RGBA, HEX कोड, HSLA और HSL। हालाँकि, आप पृष्ठ का निरीक्षण करके, कलर पिकर से रंगों का चयन करके, या डेवलपर टूल पैनल से आई ड्रॉपर सुविधा का उपयोग करके रंग कोड प्राप्त कर सकते हैं।
इस अध्ययन में, हम HTML में कलर कोड खोजने के तरीकों पर चर्चा करेंगे
विधि 1: वेब पेज का निरीक्षण करके HTML में कलर कोड खोजें
पृष्ठ का निरीक्षण करके रंग कोड खोजने के चरण निम्नलिखित हैं।
Step1: वेब पेज खोलें
सबसे पहले, आवश्यक वेब पेज खोलें:
चरण 2: निरीक्षण विकल्प चुनें
पृष्ठ पर राइट-क्लिक करें और 'चुनें' निरीक्षण मेनू से विकल्प, जो 'तक पहुंच प्रदान करेगा' डेवलपर टूल्स 'पैनल:
नतीजतन, ' तत्वों ” टैब ब्राउज़र के नीचे प्रदर्शित होगा:
चरण 3: डेवलपर टूल पैनल के स्थान को समायोजित करें
कोने से तीन बिंदुओं पर क्लिक करके, आप पैनल की नियुक्ति का चयन कर सकते हैं। उदाहरण के लिए, हमने हरे हाइलाइट किए गए आइकन को चुना है। इसके अलावा, निरीक्षण विंडो को उसके कोनों को खींचकर आकार दिया जा सकता है:
चरण 4: निरीक्षण करने के लिए तत्व का चयन करें
फिर, उस तत्व का चयन करने के लिए हाइलाइट किए गए आइकन पर क्लिक करें जिसका आप निरीक्षण करना चाहते हैं:
चरण 5: तत्व चुनें
उस तत्व को होवर करें जिसका कलर कोड ढूंढना है और उस पर क्लिक करें। नतीजतन, ' शैलियों ”टैब खुलता है और चयनित तत्व के स्टाइलिंग गुणों को प्रदर्शित करता है, जहां से आपको हरे हाइलाइट किए गए बॉक्स द्वारा दिखाए गए रंग का चयन करना होता है:
चरण 6: कलर पिकर से रंग चुनें
खुले कलर पिकर विंडो से कलर कोड कॉपी करें:
नीचे दी गई छवि इंगित करती है कि हम लाल रंग द्वारा हाइलाइट किए गए छोटे रंग के बक्सों पर क्लिक करके भी रंगों का चयन कर सकते हैं। जबकि पीला बॉक्स एक सूचक का प्रतिनिधित्व करता है जिसे चयनित तत्व का रंग देखने के लिए धीरे-धीरे बदला जाता है:
चरण 7: रंग की अपारदर्शिता को समायोजित करें
आप रंग अस्पष्टता को नीचे दिए गए GIF में दिखाए अनुसार समायोजित भी कर सकते हैं:
विधि 2: आई ड्रॉपर सुविधा का उपयोग करके HTML में कलर कोड खोजें
वेब पेज से किसी भी रंग को चुनने के लिए आई ड्रॉपर सुविधा का भी उपयोग किया जा सकता है। यह सुविधा बहुत आसान है क्योंकि यह प्रदर्शित विंडो में कहीं से भी रंग का चयन कर सकती है।
टिप्पणी: आई ड्रॉपर फीचर को नीचे की छवि में लाल हाइलाइट किए गए बॉक्स द्वारा दर्शाया गया है:
यहाँ आई ड्रॉपर टूल की कार्यप्रणाली का प्रदर्शन दिया गया है:
अपने तत्व के लिए रंग का चयन करने के बाद, रंग कोड को कॉपी करें और इसे अपने प्रोजेक्ट के CSS में पेस्ट करें।
निष्कर्ष
HTML तत्वों के लिए रंग लागू करने के विभिन्न तरीके हैं: RGB, RGBA, HEX कोड, HSLA और HSL। आप 'द्वारा रंग कोड पा सकते हैं निरीक्षण 'किसी भी वेब पेज या' से रंगों का चयन करके रंग चयनकर्ता 'और' का उपयोग करना आँख की ड्रॉपर ' विशेषता। इस लेख में विस्तृत उदाहरणों के साथ HTML में रंग कोड खोजने की प्रक्रिया का प्रदर्शन किया गया है।