एचटीएमएल रंग
एचटीएमएल रंग, या आरजीबी, हेक्स, एचएसएल, RGBA, HSLA मूल्यों पूर्वनिर्धारित रंग नामों का उपयोग कर निर्दिष्ट कर रहे हैं।
रंग नाम
HTML में, एक रंग एक रंग नाम का उपयोग करके निर्दिष्ट किया जा सकता:
टमाटर
नारंगी
चालाक नीला
MediumSeaGreen
धूसर
स्लेटी छाया वाला नीला रंग
बैंगनी
हल्का भूरा
पीछे का रंग
आप HTML तत्वों के लिए पृष्ठभूमि रंग सेट कर सकते हैं:
नमस्ते दुनिया
Lorem Ipsum मातम AMET बैठते हैं, consectetuer adipiscing elit, SED व्यास nonummy nibh euismod एंड्रॉयड ut laoreet dolore मैग्ना कर्मचारी erat volutpat। Ut WISI के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud exerci tation ullamcorper suscipit nisl ut aliquip पूर्व ईए commodo consequat lobortis।
उदाहरण
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
लिखावट का रंग
आप पाठ का रंग सेट कर सकते हैं:नमस्ते दुनिया
Lorem
Ipsum मातम AMET बैठते हैं, consectetuer adipiscing elit, SED व्यास
nonummy nibh euismod एंड्रॉयड ut laoreet dolore मैग्ना कर्मचारी erat
volutpat।
Ut
WISI के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud exerci tation
ullamcorper suscipit nisl ut aliquip पूर्व ईए commodo consequat
lobortis।
उदाहरण
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
किनारे का रंग
आप सीमाओं के रंग सेट कर सकते हैं:नमस्ते दुनिया
नमस्ते दुनिया
नमस्ते दुनिया
उदाहरण
<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 में, रंग भी आरजीबी मूल्यों, हेक्स मूल्यों, एचएसएल मूल्यों, RGBA मूल्यों, और HSLA मानों का उपयोग कर निर्दिष्ट किया जा सकता:के रूप में रंग का नाम "टमाटर" वही:
rgb (255, 99, 71)
# ff6347
एचएसएल (9, 100%, 64%)
RGBA (255, 99, 71, 0.5)
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 में, एक रंग एक RGB मान के रूप में निर्दिष्ट किया जा सकता है, इस सूत्र का उपयोग:
rgb ( लाल, हरा , नीला )
प्रत्येक पैरामीटर (लाल, हरा और नीला) 0 और 255 के बीच रंग की तीव्रता को परिभाषित करता है।उदाहरण के लिए, आरजीबी के लिए (255, 0, 0) क्योंकि लाल अपने उच्चतम मूल्य (255) के लिए निर्धारित है और दूसरों को 0 पर सेट कर रहे हैं, लाल के रूप में प्रदर्शित किया जाता है।
काला प्रदर्शित करने के लिए इस तरह 0 करने के लिए सभी रंग पैरामीटर सेट,: rgb (0, 0, 0)।
सफेद प्रदर्शित करने के लिए इस तरह, 255 के लिए सभी रंग पैरामीटर सेट: rgb (255, 255, 255)।
नीचे आरजीबी मूल्यों के मिश्रण से प्रयोग:
rgb (255, 99, 71)
लाल
255
हरा
99
नीला
71
उदाहरण
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)
उदाहरण
rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)
हेक्स मान
HTML में, एक रंग रूप में एक हेक्साडेसिमल मान का उपयोग कर निर्दिष्ट किया जा सकता:
# rrggbb
कहाँ rr (लाल), gg (हरा) और bb (नीला) 00 और एफएफ (दशमलव 0-255 के रूप में ही) के बीच हेक्साडेसिमल मान हैं।उदाहरण के लिए, # ff0000 क्योंकि लाल अपने उच्चतम मूल्य (एफएफ) पर सेट है और दूसरों को न्यूनतम मूल्य (00) की तैयारी में हैं, लाल के रूप में प्रदर्शित किया जाता है।
उदाहरण
#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd
उदाहरण
#000000
#3c3c3c
#787878
#b4b4b4
#f0f0f0
#ffffff
एचएसएल मूल्य
HTML में, एक रंग के रूप में रंग, संतृप्तता, और हल्कापन (एचएसएल) का उपयोग कर निर्दिष्ट किया जा सकता:
एचएसएल ( रंग , संतृप्ति , हल्कापन )
ह्यू 120 हरा है, 0 से 360 के 0 के लिए रंग पहिया पर एक डिग्री लाल है, और 240 नीला है।संतृप्ति एक प्रतिशत मूल्य, 0% ग्रे की छाया का मतलब है, और 100% पूर्ण रंग है।
हल्कापन भी एक प्रतिशत है, 0% काला है, 50% न प्रकाश या अंधेरा है, 100% सफेद है
उदाहरण
hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(147, 50%, 47%)
hsl(300, 76%, 72%)
hsl(39, 100%, 50%)
hsl(248, 53%, 58%)
परिपूर्णता
संतृप्ति एक रंग की तीव्रता के रूप में वर्णित किया जा सकता है।100% शुद्ध रंग, ग्रे का कोई रंग है
50% से 50% ग्रे है, लेकिन आप अभी भी रंग देख सकते हैं।
0% पूरी तरह ग्रे है, आप अब रंग देख सकते हैं।
उदाहरण
hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)
लपट
एक रंग का हल्कापन कितना प्रकाश आप रंग, जहां 0% का मतलब है कोई प्रकाश (काला) देना चाहता हूँ के रूप में वर्णित किया जा सकता है, 50% का मतलब है 50% प्रकाश (न तो अंधेरा है और न ही प्रकाश) 100% पूर्ण हल्कापन (सफेद) का मतलब है।उदाहरण
hsl(0, 100%, 0%)
hsl(0, 100%, 25%)
hsl(0, 100%, 50%)
hsl(0, 100%, 75%)
hsl(0, 100%, 90%)
hsl(0, 100%, 100%)
भूरे रंग अक्सर 0 को रंग और संतृप्ति की स्थापना द्वारा परिभाषित है, और गहरे रंग / लाइटर रंगों पाने के लिए 100% करने के लिए 0% से हल्कापन समायोजित कर रहे हैं:
उदाहरण
hsl(0, 0%, 0%)
hsl(0, 0%, 24%)
hsl(0, 0%, 47%)
hsl(0, 0%, 71%)
hsl(0, 0%, 94%)
hsl(0, 0%, 100%)
RGBA मूल्य
जो एक रंग के लिए अस्पष्टता निर्दिष्ट करता है - RGBA रंग मान अल्फ़ा चैनल के साथ RGB कलर मूल्यों का ही विस्तार है।एक RGBA रंग मूल्य के साथ निर्दिष्ट किया जाता है:
RGBA ( लाल, हरे , नीले, अल्फा )
अल्फा पैरामीटर के बीच एक संख्या है 0.0 (पूरी तरह से पारदर्शी) और 1.0 (बिल्कुल नहीं पारदर्शी):उदाहरण
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)
HSLA मूल्य
जो एक रंग के लिए अस्पष्टता निर्दिष्ट करता है - HSLA रंग मान अल्फ़ा चैनल के साथ एचएसएल रंग मान का ही विस्तार है।एक HSLA रंग मूल्य के साथ निर्दिष्ट किया जाता है:
HSLA ( रंग, संतृप्ति , हल्कापन, अल्फा )
अल्फा पैरामीटर के बीच एक संख्या है 0.0 (पूरी तरह से पारदर्शी) और 1.0 (बिल्कुल नहीं पारदर्शी):उदाहरण
hsla(9, 100%, 64%, 0)
hsla(9, 100%, 64%, 0.2)
hsla(9, 100%, 64%, 0.4)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 1)
