आपकी वेबसाइट को अच्छा लुक और फील देने के लिए रंग बहुत महत्वपूर्ण हैं। आप <body> टैग का उपयोग करके पृष्ठ स्तर पर HTML Color निर्दिष्ट कर सकते हैं या आप bgcolor attribute का उपयोग करके अलग-अलग टैग के लिए रंग सेट कर सकते हैं।
<body> टैग में निम्नलिखित attributes होती हैं जिनका उपयोग विभिन्न रंगों को सेट करने के लिए किया जा सकता है
- bgcolor – पृष्ठ की पृष्ठभूमि (Backgrounds) के लिए एक रंग सेट करता है।
- Text – बॉडी टेक्स्ट के लिए एक रंग सेट करता है।
- alink – सक्रिय लिंक या चयनित लिंक के लिए एक रंग सेट करता है।
- Link – लिंक किए गए टेक्स्ट के लिए एक रंग सेट करता है।
HTML Color Coding Methods in Hindi
आपके वेब पेज पर रंग सेट करने के लिए निम्नलिखित तीन अलग-अलग तरीके हैं –
- Color Name – आप सीधे हरे नीले या लाल रंग के नाम निर्दिष्ट कर सकते हैं।
- Hex Code – लाल हरे और नीले रंग की मात्रा का प्रतिनिधित्व करने वाला छह अंकों का कोड जो रंग बनाता है।
- रंग दशमलव या प्रतिशत मान (Color decimal or percentage values) – यह मान rgb ( ) गुण का उपयोग करके निर्दिष्ट किया जाता है।
HTML Colors Names in Hindi
आप टेक्स्ट या बैकग्राउंड कलर सेट करने के लिए डायरेक्ट कलर नाम निर्दिष्ट कर सकते हैं। W3C ने 16 मूल रंग नामों को सूचीबद्ध किया है जो एक HTML सत्यापनकर्ता के साथ मान्य होंगे लेकिन प्रमुख ब्राउज़रों द्वारा समर्थित 200 से अधिक विभिन्न रंग नाम हैं।
<!DOCTYPE html>
<html>
<head>
<title>HTML Colors by Name in Hindi </title>
</head>
<body text = "blue" bgcolor = "green">
<p>बॉडी और टेबल के लिए अलग-अलग रंगों के नामों का प्रयोग करें और परिणाम देखें.</p>
<table bgcolor = "black">
<tr>
<td>
<font color = "white">यह पाठ काली पृष्ठभूमि पर सफेद दिखाई देगा.</font>
</td>
</tr>
</table>
</body>
</html>
OUTPUT:
बॉडी और टेबल के लिए अलग-अलग रंगों के नामों का प्रयोग करें और परिणाम देखें.
| यह पाठ काली पृष्ठभूमि पर सफेद दिखाई देगा. |
HTML Colors – Hex Codes in Hindi
हेक्साडेसिमल एक रंग का 6 अंकों का प्रतिनिधित्व है। पहले दो अंक (RR) एक लाल मान का प्रतिनिधित्व करते हैं, अगले दो एक हरे रंग का मान (GG) हैं, और अंतिम नीला मान (BB) है।
प्रत्येक हेक्साडेसिमल कोड के आगे पाउंड या हैश चिह्न # होगा।
<!DOCTYPE html>
<html>
<head>
<title>HTML Colors by Hex</title>
</head>
<body text = "#0000FF" bgcolor = "#00FF00">
<p>बॉडी और टेबल के लिए अलग-अलग कलर के हेक्सा का इस्तेमाल करें और देखें रिजल्ट.</p>
<table bgcolor = "#000000">
<tr>
<td>
<font color = "#FFFFFF">यह पाठ काली पृष्ठभूमि पर सफेद दिखाई देगा.</font>
</td>
</tr>
</table>
</body>
</html>
OUTPUT:
बॉडी और टेबल के लिए अलग-अलग कलर के हेक्सा का इस्तेमाल करें और देखें रिजल्ट.
| यह पाठ काली पृष्ठभूमि पर सफेद दिखाई देगा. |
HTML Colors – RGB Values in Hindi
यह रंग मान RGB() गुण का उपयोग करके निर्दिष्ट किया जाता है। यह गुण लाल, हरे और नीले रंग के लिए तीन मान लेता है। मान 0 और 255 या प्रतिशत के बीच एक पूर्णांक हो सकता है।
<!DOCTYPE html>
<html>
<head>
<title>HTML Colors by RGB code</title>
</head>
<body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
<p>बॉडी और टेबल के लिए अलग-अलग कलर कोड का इस्तेमाल करें और रिजल्ट देखें।</p>
<table bgcolor = "rgb(0,0,0)">
<tr>
<td>
<font color = "rgb(255,255,255)">यह पाठ काले रंग की पृष्ठभूमि पर सफेद दिखाई देगा।</font>
</td>
</tr>
</table>
</body>
</html>
OUTPUT:
बॉडी और टेबल के लिए अलग-अलग कलर कोड का इस्तेमाल करें और रिजल्ट देखें।
| यह पाठ काले रंग की पृष्ठभूमि पर सफेद दिखाई देगा। |
Browser Safe Colors In Hindi
यहां 216 रंगों की सूची दी गई है जिन्हें सबसे सुरक्षित और कंप्यूटर-स्वतंत्र रंग माना जाता है। ये रंग हेक्सा कोड 000000 से FFFFFF में भिन्न होते हैं और इन्हें 256 रंग पैलेट वाले सभी कंप्यूटरों द्वारा समर्थित किया जाएगा।
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
