वेब के लिए कोडिंग एक अव्यवस्थित मामला हो सकता है। अक्सर आपको वहां पहुंचने के कई तरीके मिलते हैं जहां आप जाना चाहते हैं, और उनमें से कुछ दूसरों की तुलना में अधिक कुशल या प्रभावी हो सकते हैं। क्या अधिक है, कुछ समाधान सभी शर्तों के तहत काम भी नहीं कर सकते हैं। एक अच्छी वेबसाइट और एक शानदार वेबसाइट के बीच का अंतर आपके दृष्टिकोण की पसंद पर निर्भर कर सकता है, और यह HTML कलर कोडिंग में कहीं अधिक स्पष्ट नहीं है। HTML कलर प्रॉपर्टीज को कोड करना एक तनावपूर्ण अनुभव हो सकता है, और आप यह तय करने की कोशिश में पागल हो सकते हैं कि कैसे आगे बढ़ें।
हालांकि, HTML कलर प्रॉपर्टीज को कोड करना ब्रेन सर्जरी नहीं होना चाहिए। इस गाइड में, हम आपकी साइट के HTML को संवारने और रंगों का एक वास्तविक इंद्रधनुष उत्पन्न करने के लिए चार अलग-अलग विकल्प प्रदान करते हैं। हमारे सरल निर्देशों का पालन करें और आपकी वेबसाइट जल्द ही आकर्षक टोन के साथ धड़केगी, जिससे आपके व्यवसाय की साइट प्रतिस्पर्धा से ऊपर खड़ी होगी।
HSL मानों का उपयोग करें
आधुनिक ब्राउज़र्स ह्यू, सैचुरेशन, और लाइटनेस (HSL) मानों के साथ अच्छी तरह से काम करते हैं। यह विकल्प कुछ अन्य की तुलना में कम बार उपयोग किया जाता है, लेकिन यह अच्छी तरह से काम करता है और लागू करना आसान है। HSL मान निर्दिष्ट करना एक त्वरित विकल्प भी है।
HSL लागू करने के लिए, एक मानक स्टाइल विशेषता का उपयोग करें, प्रकार के रूप में "hsl" निर्दिष्ट करें, और कोष्ठक में मान निर्दिष्ट करें, जैसे:
<body style="background-color:hsl(0,0%,96%);"> </body>
आप HSL को अल्फा चैनल पर पास करके अस्पष्टता को नियंत्रित कर सकते हैं; "hsla" उपसर्ग का उपयोग करें, और कोष्ठक में 0 (पारदर्शी) से 1 (अपारदर्शी) तक का चौथा मान रखें:
<body style="background-color:hsla(0,0%,96%,0.8);"> </body>
RGB मानों का उपयोग करने का प्रयास करें
लाल, हरे, और नीले (RGB) मानों का उपयोग करके HTML बैकग्राउंड कलर को कोड करना HSL का उपयोग करने की तुलना में अधिक लोकप्रिय विकल्प है—RGB पुराने और नए दोनों ब्राउज़र्स के लिए काम करता है, जो इसे उन कोडर्स के लिए अधिक आकर्षक बनाता है जो व्यापक दर्शकों के लिए उपलब्ध साइट्स बनाने का लक्ष्य रखते हैं।
RGB को ठीक उसी तरह लागू करें जैसे आप HSL करेंगे। उसी स्टाइल विशेषता फॉर्मेट का उपयोग करें, लेकिन "hsl" को 'rgb' से बदलें, और पैरेंथेटिकल को तीन रंग विशेषताओं से भरें:
<body style="background-color:rgb(102,0,51);"> </body>
HSL की तरह, आप RGB को अल्फा चैनल पर असाइन करके और पैरेंथेटिकल में 0 से 1 तक का चौथा वेरिएबल जोड़कर अस्पष्टता का प्रबंधन कर सकते हैं:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद वे अपनी टेक जॉब संभावनाओं के बारे में अधिक आश्वस्त महसूस करते हैं। आज ही बूटकैंप से जुड़ें।
औसत बूटकैंप ग्रेजुएट ने करियर ट्रांजिशन में छह महीने से कम समय बिताया, बूटकैंप शुरू करने से लेकर पहली नौकरी पाने तक।
<body style="background-color:rgba(102,0,51, 0.2);"> </body>
अच्छे पुराने हेक्स कोड्स के साथ कलर करें
यह विकल्प आजमाया हुआ और सच्चा स्टैंडबाय है। हेक्स मान निर्दिष्ट करना HTML कलर प्रॉपर्टीज को कोड करने का एक लोकप्रिय तरीका है क्योंकि यह दुनिया में मौजूद अधिकांश ब्राउज़र्स द्वारा पहचाना जाता है। हेक्स कोड का फायदा यह भी है कि यह एक सिंगल वेरिएबल है, उन कई वेरिएबल्स के विपरीत जो त्रुटि के अधीन हैं।
HTML कलर कोड करने के लिए हेक्स कोड्स का उपयोग करने के लिए, बस उसी स्टाइल विशेषता का उपयोग करें जिसमें "hsl" या "rgb" के स्थान पर हेक्स कोड हो:
<body style="background-color:#228B22;"> </body>
याद रखें कि हेक्स कलर व्यवहार उनके प्लेसमेंट के आधार पर बदलता है। हेक्स कलर कोड्स असाइन करते समय हमेशा विचार करें कि आप इंलाइन एलिमेंट्स और ब्लॉक-लेवल एलिमेंट्स के साथ काम कर रहे हैं या नहीं।
संदेह होने पर, कलर नामों का उपयोग करें
हम में से उन लोगों के लिए जो अपने हेक्स कोड्स या HSL मानों पर अपडेटेड नहीं हैं, आप हमेशा कलर नामों के साथ जा सकते हैं। 140 कलर नाम हैं जिनका उपयोग आप HTML में कर सकते हैं, इसलिए यदि आपको अपनी साइट का कलर जल्दी से बदलने की आवश्यकता है, तो इस विधि के साथ जाएं।
आप पहले की तरह ही स्टाइल विशेषता का उपयोग करेंगे, लेकिन आप हेक्स कोड को कलर नाम से बदलना चाहेंगे:
<body style="background-color:brown;"> </body>
कलर नामों का उपयोग उन लोगों के लिए एक उत्कृष्ट विधि है जिन्हें बिना ज्यादा झंझट के एक साधारण कलर शिफ्ट कोड करने की आवश्यकता है। अगली बार जब आपको जल्दी में अपना मुद्दा हल करने की आवश्यकता हो, तो कलर नामों को आजमाएं!
और बस! ये आपकी HTML कलर प्रॉपर्टीज को कोड करने के लिए सबसे तेज और सरल तरीके हैं। अगली बार जब आपको अपनी साइट पर रंग का छींटा जोड़ने की आवश्यकता हो, तो चिंता न करें या अपने बाल न नोचें। बस हमारा गाइड निकालें और अपनी वेबसाइट को सुंदरता की चीज़ बनाएं!
