हेल्लो दोस्तों! आज हम इस आर्टिकल में CSS Color Property के बारें में पढेंगे. इसे बहुत ही आसान भाषा में लिखा गया है | इसे आप पूरा पढ़िए, यह आपको आसानी से समझ में आ जायेगा. तो चलिए शुरू करते हैं:-
CSS Colors in Hindi
CSS Colors in Hindi: किसी भी Web page को design करने के लिए color का एक महत्वपूर्ण योगदान होता है | जो इसके content , text, या sections को attractive बना देता है |
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 के नाम इस प्रकार हैं।
`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 कर सकते हैं।
Example : #2a3b4c
Formula –
इस फॉर्मूला का इस्तेमाल करके , आप HEX कलर बना सकते है|
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 |
3. rgb color
rgb का मतलब red, green, blue होता है। जिसमे आप decimal value 0-255 enter कर सकते हैं।
Example : rgb(123,234,211)
Formula –
इस फॉर्मूला का इस्तेमाल करके , आप RGB कलर बना सकते है|
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) |
4. rgba color
rgba में rgb का मतलब red, green, blue और a का मतलब opacity होता है। Opacity की value min .1 से max 1 के बीच होती है।
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 कलर बना सकते है|
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 होता है।
Example : hsla(64, 81%, 49%, 0.1)