HTML COLORS

एचटीएमएल (HTML) में  हम color names, or RGB, HEX, HSL, RGBA, HSLA values आदि   HTML Color  का उपयोग करके हम एचटीएमएल (HTML) में किसी भी Elements को color provide कर सकते हैं। 

नीचे दिए हुए उदाहरण को देखे।

जैसा कि आप ऊपर दिए हुए उदाहरण में देख सकते हैं कि हमने :-

1.] tomato color -  एचटीएमएल (HTML)  में  color का उपयोग करके हम किसी भी  HTML Element  का  background-color set कर सकते  हैं।  ऊपर दिए उदाहरण में  हमने  HTML  के <div> element के background का color tomato सेट किया हैं। 

2.] yellow color - एचटीएमएल (HTML)  में  color का उपयोग करके हम किसी भी  HTML Element  का  border-color set कर सकते  हैं।  ऊपर दिए उदाहरण में  हमने  HTML  के <div> element के border का color yellow  सेट किया हैं। 

3.] green color -  एचटीएमएल (HTML)  में  color का उपयोग करके हम  paragraph , heading, links,  list, और  content  का  text-color set कर सकते  हैं।  ऊपर दिए उदाहरण में  हमने  text का green color  सेट किया हैं। 

HTML COLORS NAME

एचटीएमएल (HTML)  में  हम  color names का उपयोग करके किसी भी HTML ELEMENTS का color set कर सकते हैं।  यह HTML में  color को उपयोग करने का सबसे आसान तरीका हैं। इसका उदाहरण नीचे दिया जा रहा हैं। 

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

HTML HEXADECIMAL COLOR CODE VALUES AS COLOR NAMES

एचटीएमएल (HTML)  में  हम hexadecimal values का उपयोग करके किसी भी HTML ELEMENTS का color set कर सकते हैं। 16 values से मिलकर  hexadecimal  color code बना होता हैं जो इस प्रकार हैं।  

HEXADECIMAL VALUES : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F 

जैसा कि  आप ऊपर दिए हुए लाइन में देख सकते हैं।  16 values से मिलकर hexadecimal  color code बना होता हैं जिसमें  0 से लेकर  F  तक values होती हैं। जिसमें 0 सबसे छोटी (lowest value) और  F सबसे बड़ी (highest value) को परिभाषित करता हैं। सका उदाहरण नीचे दिया जा रहा हैं। 

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

NOTE:-  hexadecimal code छः value का होता हैं।  जिसे हम # (HASH SYMBOL) से SEPERATE करते हैं। तथा hex value color combination के लिए तीन या छः  characters का उपयोग करती हैं 

HTML RGB COLOR CODE VALUES AS COLOR NAMES

एचटीएमएल (HTML)  में  हम  red, green, and blue (RGB) इस formula का उपयोग करके किसी भी HTML ELEMENTS का color set कर सकते हैं। प्रत्येक पैरामीटर (लाल, हरा और नीला) (RGB) 0 और 255 के बीच के रंग की तीव्रता को परिभाषित करता है। इसका उदाहरण नीचे दिया जा रहा हैं। 

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

HTML HSL COLOR CODE VALUES AS COLOR NAMES

एचटीएमएल (HTML)  में  color को hue, saturation, and lightness  (HSL) के रूप में निर्दिष्ट किया जा सकता है। 

syntax:- hsl (hue, saturation, and lightness)

Hue - hue degree  का काम करती है जिसकी value 0 से  360 degree तक हो सकती हैं।  जिसमें   0 लाल रंग , 120 हरे रंग और  240 नीले रंग को परिभाषित करता हैं।

Saturation - Saturation एक percentage value होती हैं। जिसमें 0% gray color की shadow और 100% पुरे color को परिभाषित करता हैं। 

Lightness - Lightness भी  एक percentage value होती हैं। जिसमें  0% काला , 50%  light or dark, और 100% सफ़ेद को परिभाषित करता हैं।  

इसका उदाहरण नीचे दिया जा रहा हैं। 

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

HTML RGBA COLOR CODE VALUES AS COLOR NAMES

RGBA color values RGB color values का extension होती हैं।   RGBA color values में जो चौथी  value होती हैं वो color की अस्पष्टता और पारदर्शिता (opacity और transparency) को दर्शाती हैं। 0.1 से लेकर  0.9 तक रंग की अस्पष्टता देखने को मिलती हैं।  अगर हम RGBA values की चौथी value में 0 का उपयोग करते हैं तो रंग गायब (hidden) हो जायेगा और चौथी value में  1 का उपयोग करते हैं तो रंग full color (visible) हो जायेगा। क्यूंकि opacity में  0 संख्या सबसे कम और 1 संख्या सबसे ज्यादा को परिभाषित करती हैं। इसका उदाहरण नीचे दिया जा रहा हैं। 

syntax of RGBA COLOR CODE 

rgba(red, green, blue, alpha)

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

HTML HSLA COLOR CODE VALUES AS COLOR NAMES

HSLA color values HSL color values का extension होती हैं।  HSLA color values में जो चौथी  value होती हैं वो color की अस्पष्टता और पारदर्शिता (opacity और transparency) को दर्शाती हैं। 0.1 से लेकर  0.9 तक रंग की अस्पष्टता देखने को मिलती हैं।  अगर हम HSLA values की चौथी value में 0 का उपयोग करते हैं तो रंग गायब (hidden) हो जायेगा और चौथी value में  1 का उपयोग करते हैं तो रंग full color (visible) हो जायेगा। क्यूंकि opacity में  0 संख्या सबसे कम और 1 संख्या सबसे ज्यादा को परिभाषित करती हैं। इसका उदाहरण नीचे दिया जा रहा हैं। 

syntax of HSLA COLOR CODE 

hsla (hue, saturation, lightness, alpha)

ऊपर दिया उदाहरण नीचे दिया हुआ webpage output करेगा। 

NOTICE:- किसी भी प्रकार की मदद चाहिए  तो comment box मे  सवाल  पूछे।