सीएसएस रंग

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

CSS रंग नाम

CSS में, रंग को रंग के नाम से निर्दिष्ट कर सकते हैं:

टोमेटो
ऑरेंज
डोजर ब्लू
मीडियम सीए
ग्रे
स्लेट ब्लू
वायलेट
LightGray

स्वयं प्रयास करें

CSS/HTML समर्थन 140 तरह के मानक रंग नाम

CSS पृष्ठभूमि रंग

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

Welcome to China
China is a great country!

उदाहरण

<h1 style="background-color:DodgerBlue;">China</h1>
<p style="background-color:Tomato;">China is a great country!</p>

स्वयं प्रयास करें

CSS टेक्स्ट रंग

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

China

China is a great country!

China, officially the People's Republic of China, is a country in East Asia.

उदाहरण

<h1 style="color:Tomato;">China</h1>
<p style="color:DodgerBlue;">China is a great country!</p>
<p style="color:MediumSeaGreen;">China, officially the People's Republic of China...</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>

स्वयं प्रयास करें

CSS रंग वैल्यू

CSS में, रंग निर्दिष्ट करने के लिए RGB मान, HEX मान, HSL मान, RGBA मान या HSLA मान का उपयोग किया जा सकता है:

रंग नाम "Tomato" के समान:

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

रंग नाम "Tomato" के समान है, लेकिन पारदर्शिता 50% है:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
<h3>उदाहरण</h3>
<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>

स्वयं प्रयास करें

रंग वैल्यू के बारे में अधिक जानकारी पा सकते हैं

अगले अध्याय में आपको RGBHEX और HSL के बारे में और अधिक जानकारी。