CSS Color Property in Hindi की हिंदी में जानकारी

हेल्लो दोस्तों! आज हम इस आर्टिकल में  CSS Color Property  के बारें में पढेंगे. इसे बहुत ही आसान भाषा में लिखा गया है | इसे आप पूरा पढ़िए, यह आपको आसानी से समझ में आ जायेगा. तो चलिए शुरू करते हैं:-

CSS Color Property in Hindi की हिंदी में जानकारी

CSS Colors in Hindi

CSS Colors in Hindi: किसी भी Web page को design करने के लिए color का एक महत्वपूर्ण योगदान होता है | जो इसके content , text, या sections को attractive  बना देता है |

WhatsApp Group Join Now
Telegram Group Join Now

CSS Color से हम किसी भी HTML elements का Text color और background color define कर सकते है जैसे –

  • किसी हैडिंग को लाल करना |
  • किसी पैराग्राफ को नीला करना |
  • किसी टेक्स्ट के बैक्ग्रौंग को हरा करना |
  • किसी टेक्स्ट के बॉर्डर को नीला करना |

 

CSS में colors के लिए RGB , HEX , HSL , RGBA, HSLA की कोई भी valid color value assign करके color change कर सकते हैं। या फिर आप direct colors के name भी दे सकते हैं। कुछ colors के नाम इस प्रकार हैं।

इसे पढ़े :-  CSS Padding Property क्या हैं पूरी जानकारी हिंदी में ? - Hindi Tutorial

`89-7w1

Difference between rbg, rgba, hls, hlsa

1.      decimal color

decimal में आप decimal value 0 – 255 enter कर सकते हैं। इस value को आपको hash # के साथ लिखना है।

Example : #234

 

2.      Hexa-Decimal color

hexa-decimal में आप 6 digits का hexadecimal value पास कर सकते हैं। जिसमे number 0 to 9 और a to f mix कर सकते हैं।

WhatsApp Group Join Now
Telegram Group Join Now

Example : #2a3b4c

Formula –

इस फॉर्मूला का इस्तेमाल करके , आप HEX कलर बना सकते है|

#RRGGBB

RR, GGऔर BB की value 00 से FF के बीच रखा जाता है |

Color Name RGB Color HEX Color
red rgb(255, 0, 0) #FF0000
green rgb(0, 255, 0) #00FF00
blue rgb(0,0,255) #0000FF
yellow rgb(255,255,0) #FFFF00
gray rgb(128, 128, 128) #808080
lightgray rgb(211,211,211) #D3D3D3
black rgb(0, 0, 0) #000000
white rgb(255,255,255) #FFFFFF
orange rgb(255,69,0) #000000

CSS Color Property in Hindi की हिंदी में जानकारी

3.      rgb color

rgb का मतलब red, green, blue होता है। जिसमे आप decimal value 0-255 enter कर सकते हैं।

Example : rgb(123,234,211)

Formula

इस फॉर्मूला का इस्तेमाल करके , आप RGB कलर बना सकते है|

rgb(red, green, blue)

red, green और blue की value 0 से 255 के बीच रखा जाता है |

Color Name  RGB Color Code
red rgb(255, 0, 0)
green rgb(0, 255, 0)
blue rgb(0,0,255)
yellow rgb(255,255,0)
gray rgb(128, 128, 128)
lightgray rgb(211,211,211)
balck rgb(0, 0, 0)
white rgb(255,255,255)
orange rgb(255,69,0)
इसे पढ़े :-  CSS comment Property क्या हैं पूरी जानकारी हिंदी में?

 

4.      rgba color

rgba में rgb का मतलब red, green, blue और a का मतलब opacity होता है। Opacity की value min .1 से max 1 के बीच होती है।

WhatsApp Group Join Now
Telegram Group Join Now

Example : rgb(123,234,211, .3)

 

5.      hls color

hls का mtlb hue, saturation, and lightness होता है। इसमें 3 values pass की जाती हैं , color , saturation, and lightness.

Example : hsl(120, 77%, 38%)

Formula –

इस फॉर्मूला का इस्तेमाल करके , आप HSL कलर बना सकते है|

HSL(hue, saturation, lightness)

Hue 0 से 360 degree तक की Value होती है इसमें 0 red, 120 green और 240 blue होता है |

Saturation एक Percentage value होता है जिसमे 0% ग्रे का shade होता है और 100% पूरा कलर होता है |

Lightness भी एक Percentage value होता है। जिसमे  0% काला है, 50% न तो हल्का है और न ही गहरा, 100% सफेद है |

Color Name RGB Color HEX Color HSL Color
red rgb(255, 0, 0) #FF0000 hsl(0, 100%, 50%)
green rgb(0, 255, 0) #00FF00 hsl(120, 100%, 50%)
blue rgb(0,0,255) #0000FF hsl(240, 100%, 50%)
yellow rgb(255,255,0) #FFFF00 hsl(60, 100%, 50%)
gray rgb(128, 128, 128) #808080
hsl(0, 0%, 50%)
lightgray rgb(211,211,211) #D3D3D3 hsl(0, 0%, 83%)
black rgb(0, 0, 0) #000000
hsl(0, 0%, 0%)
white rgb(255,255,255) #FFFFFF
hsl(0, 0%, 100%)
orange rgb(255,69,0) #000000
hsl(0, 0%, 0%)

6.      hlsa color

hlsa में hls का mtlb hue, saturation, and lightness होता है। और a का मतलब opacity होता है

इसे पढ़े :-  CSS Box Model और उनके Properties - Hindi tutorial

Example : hsla(64, 81%, 49%, 0.1)

 

Leave a Reply

error: Content is protected !!
Scroll to Top