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