Ticker

6/recent/ticker-posts

What Is HTML Colors In Hindi?

2.4 Wireless October 17, 2021

HTML Colors In Hindi


HTML Colors क्या हैं?

HTML Colors predefined कलर नामों या RGB, HEX, HSL, RGBA या HSLA वैल्यूज के साथ specify किये जाते हैं। अर्थात HTML में कई तरह के कलर कोड्स होते हैं, जैसे की RGB कलर, HEX कलर, HSL कलर, RGBA कलर या HSLA कलर कोड्स।

वेबसाइट में कलर्स का होना बहुत ही इम्पोर्टेन्ट हैं। क्योंकि इसके कारण वेबसाइट या वेबपेज दिखने में बहुत ही सूंदर और अट्रैक्टिव लगता हैं। मतलब की कलर्स के बिना वेबसाइट की इमेजिनेशन नहीं की जा सकती हैं।

CSS Color Values :

CSS के साथ, कलर्स को विभिन्न तरीकों से specify किया जा सकता हैं।

  1. Common Color Names
    • Background Color
    • Text Color
    • Border Color
  2. RGB Color Values
  3. Hex Color Values
  4. HSL Color Values

Common Colors Names:

HTML में, कलर नाम का उपयोग करके एक कलर specify किया जा सकता हैं। वैसे तो HTML 140 स्टैण्डर्ड कलर्स को सपोर्ट करता हैं। परन्तु उनमें से कुछ ही कलर का उपयोग किया जाता हैं।

Red
Green
Blue
Orange
Gray
Aqua
Violet
Black
Mint
Raspberry Sorbet
Inkwell
Illuminating


Background Color :

स्टाइल एट्रिब्यूट द्वारा आप बैकग्राउंड का कलर चेंज कर सकते हैं। इसको चेंज करने के लिए बैकग्राउंड प्रॉपर्टी का उपयोग करना होगा। यह भी एक CSS की प्रॉपर्टी हैं। बैकग्राउंड का डिफ़ॉल्ट कलर वाइट होता हैं।

आप HTML एलिमेंट के लिए बैकग्राउंड कलर को सेट कर सकते हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>Background Color Property</title>
</head>
<body>
     <h1>आप बैकग्राउंड का कलर सेट कर सकते हैं:</h1>
     <h3 style="background-color: blue;">2.4 Wireless</h3>
</body>
</html>

Output :

आप बैकग्राउंड का कलर सेट कर सकते हैं:

2.4 Wireless



Text Color :

स्टाइल एट्रिब्यूट द्वारा आप टेक्स्ट का कलर भी चेंज कर सकते हैं। इसको चेंज करने के लिए आपको CSS प्रॉपर्टी का उपयोग करना होगा। टेक्स्ट का डिफ़ॉल्ट कलर ब्लैक होता हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>Text Color सेट करना</title>
</head>
<body>
     <h1>आप टेक्स्ट का कलर सेट कर सकते हैं:</h1>
     <h3 style="color: orange;">2.4 Wireless</h3>
</body>
</html>

Output :

आप टेक्स्ट का कलर सेट कर सकते हैं:

2.4 Wireless



Border Color :

स्टाइल एट्रिब्यूट द्वारा आप बॉर्डर का कलर भी चेंज कर सकते हैं। इसको चेंज करने के लिए आपको CSS प्रॉपर्टी का उपयोग करना होगा। बॉर्डर की वैल्यू अलग-अलग जैसे solid, dotted, dashed और double हो सकती हैं। आप बॉर्डर की width को भी सेट कर सकते हैं। यह अधिकत्तम टाइम pixels में होती हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>Border Color सेट करना</title>
</head>
<body>
     <h1>आप बॉर्डर का कलर सेट कर सकते हैं:</h1>
     <h3 style="border: 2px solid orange;">2.4 Wireless</h3>
     <p style="border: 2px dotted blue;">Welcome To 2.4 wireless</p>
     <h3 style="border: 2px dashed purple;">2.4 Wireless</h3>
</body>
</html>

Output :

आप बॉर्डर का कलर सेट कर सकते हैं:

2.4 Wireless

Welcome To 2.4 wireless

2.4 Wireless



RGB Colors :

RGB का पूरा नाम red, green, blue हैं। इन तीनो की मदद से कलर को चेंज किया जा सकता हैं और इनकी वैल्यू 0 से 255 के बिच में होती हैं। RGB को rgb(0, 0, 0) से परिभाषित किया जाता हैं। जब तीनो red, green, blue जीरो हो तो कलर ब्लैक होता हैं। 

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>RGB Colors कोड</title>
</head>
<body>
     <h3 style="background-color: rgb(255, 0, 0)">2.4 Wireless</h3>
     <p style="background-color: rgb(0, 0, 0)">Welcome To 2.4 wireless</p>
     <h3 style="background-color: rgb(0, 0, 255)">2.4 Wireless</h3>
</body>
</html>

Output :

2.4 Wireless

Welcome To 2.4 wireless

2.4 Wireless



RGBA Colors :

RGBA का पूरा नाम red, green, blue, alpha हैं। RGB का अपग्रेडेड वर्शन RGBA हैं। आखिरी में A का मतलब alpha चैनल को जोड़ते हैं। RGBA जिसके जरिये से आप कलर को ट्रांस्परेन्स कर सकते हैं। RGBA (0.0) से स्टार्ट होकर (1.0) तक हो सकती हैं। यहाँ हमारे पास 50% ट्रांसपेरेंसी हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>RGBA Colors कोड</title>
</head>
<body>
     <h3 style="background-color: rgba(255, 0, 0, 0 )">2.4 Wireless</h3>
     <p style="background-color: rgba(0, 0, 0, 0.4)">Welcome To 2.4 wireless</p>
     <h3 style="background-color: rgba(0, 0, 255, 1.0)">2.4 Wireless</h3>
</body>
</html>

Output :

2.4 Wireless

Welcome To 2.4 wireless

2.4 Wireless



HEX Colors :

HEX का मतलब हेक्साडेसीमल होता हैं। हेक्साडेसीमल वैल्यू को #rrggbb से डिफाइन किया जाता हैं। यहाँ rr (red), gg (green) और bb (blue) हैं। हेक्साडेसीमल वैल्यू 00 से स्टार्ट होकर ff तक एन्ड होती हैं। यहाँ 00 सबसे छोटी वैल्यू और ff सबसे बड़ी वैल्यू होती हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>HEX Colors कोड</title>
</head>
<body>
     <h3 style="color: #00ff99; text-align: center;">2.4 Wireless</h3>
     <p style="color: #3366ff; text-align: center;">Welcome To 2.4 wireless</p>
     <h3 style="color: #ff0066; text-align: center;">2.4 Wireless</h3>

     <h3 style="background-color: #00ff99;">2.4 Wireless</h3>
     <p style="background-color: #3366ff;">Welcome To 2.4 wireless</p>
     <h3 style="background-color: #ff0066;">2.4 Wireless</h3>
</body>
</html>

Output :

2.4 Wireless

Welcome To 2.4 wireless

2.4 Wireless

2.4 Wireless

Welcome To 2.4 wireless

2.4 Wireless



Tags:

Post a Comment

0 Comments