HTML Colors

HTML रंग - अपने वेब पेजों में रंग जोड़ें

HTML Colors

HTML रंग पूर्वनिर्धारित रंग नामों या RGB, HEX, HSL, RGBA या HSLA मानों के साथ निर्दिष्ट होते हैं।

रंग के नाम

140 मानक रंग नाम

RGB & RGBA

लाल, हरा, नीला मान

हेक्स मान

हेक्साडेसिमल संख्या प्रारूप

HSL & HSLA

रंग, संतृप्ति, चमक

रंग के नाम

HTML में, रंग नाम का उपयोग करके एक रंग निर्दिष्ट किया जा सकता है:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

जसिफ़ टीम हेल्पनोट:

HTML 140 मानक रंग नामों का समर्थन करता है।

फिर पैटर्न को रंग दें

आप HTML तत्वों के लिए पृष्ठभूमि रंग सेट कर सकते हैं:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

उदाहरण

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

पाठ का रंग

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

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

उदाहरण

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

सीमा रंग

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

Hello World

Hello World

Hello World

उदाहरण

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

रंग मान

HTML में, रंगों को RGB मान, HEX मान, HSL मान, RGBA मान और HSLA मान का उपयोग करके भी निर्दिष्ट किया जा सकता है।

जस्सिफ टीम व्याख्या:

निम्नलिखित तीन तत्वों का पृष्ठभूमि रंग RGB, HEX और HSL मानों के साथ सेट है:

RGB
rgb(255, 99, 71)
HEX
#ff6347
HSL
hsl(9, 100%, 64%)

जस्सिफ टीम व्याख्या:

निम्नलिखित दो तत्वों का आधार रंग आरजीबीए और एचएसएलए मानों के साथ सेट है, जो रंग में एक अल्फा चैनल जोड़ता है (यहां हमारे पास 50% पारदर्शिता है):

RGBA
rgba(255, 99, 71, 0.5)
HSLA
hsla(9, 100%, 64%, 0.5)

उदाहरण

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

अभ्यास

🎨कानूनी HTML रंग नाम याद हैं? निम्नलिखित में से कौन सा वैध HTML रंग है?

Apple
✗ ग़लत! Apple एक कानूनी HTML रंग नाम नहीं है
Banana
✗ ग़लत! केला एक कानूनी HTML रंग नाम नहीं है
Tomato
✓ ठीक है! टमाटर एक कानूनी HTML रंग नाम है

जसिफ़ टीम महत्वपूर्ण नोट:

HTML में 140 मानक रंग नाम हैं, लेकिन सबसे आम हैं: लाल, हरा, नीला, पीला, नारंगी, बैंगनी, गुलाबी, भूरा, काला, सफेद, ग्रे, सिल्वर, सोना, टमाटर, डोजरब्लू, बैंगनी और मीडियमसीग्रीन।

रंग मोड की तुलना

तरीका व्याख्या उदाहरण आवेदन
रंग के नाम पूर्वनिर्धारित नाम Tomato तेज़ और आसान
RGB लाल, हरा, नीला मान (0-255) rgb(255, 99, 71) सटीक रंग नियंत्रण
HEX हेक्साडेसिमल संख्या प्रारूप #ff6347 वेब मानकों के लिए सामान्य, सीएसएस
HSL रंग, संतृप्ति, चमक hsl(9, 100%, 64%) मनुष्य के लिए अंतर्ज्ञान
RGBA/HSLA अल्फा चैनल के साथ (पारदर्शिता) rgba(255, 99, 71, 0.5) चमकीले रंग

अगले अध्याय के बारे में जानें

जसिफ़ टीम अगला पाठ:

आप बाद के अध्यायों में आरजीबी, एचईएक्स और एचएसएल के बारे में अधिक जानेंगे। यह रंग मूल्यों की गहरी समझ प्रदान करेगा।

RGB Colors

लाल, हरा, नीला मूल्यों का संयोजन

HEX Colors

हेक्साडेसिमल प्रारूप में रंग

HSL Colors

रंग, संतृप्ति, हल्कापन मॉडल