This Website for Those Students who are searching for a platform to study online in their own Language Hindi, on this website they will learn all courses like IAS, programming, web designing, data science, and competitive exam preparation, etc.


HTML : Colors

Html - Color

HTML : Colors





आज के समय में website Degining में colors बड़ी Impoortance होती हैं Website में colors का होना बहुत ही आवश्यक है क्योकि इससे Webpage देखने में सुंदर और attractive लगता है और एक अच्छा Color Combination Website को अच्छा Look देता है ।

Colors के बिना webpage अधुरा है यानी की आप ऐसा मान सकते हो की बिना नमक की सब्जी जैसे नमक सब्जी का सुआद बदल देता है वैसे ही color website को पूरा हुलिया बदल देते है तो तो दोस्तों आज हम HTML के इस Tutorial में HTML Colors के बारे में जानेंगे तो चलिए सुरु करते है ।

तो सबसे पहले हम ये जान लेते है कौन कोन से Methods से हम एक webpage का color Define कर सकते है।

वैसे तो आप HTML में <font > Tag का Use करके, आपके Text का Color बदल सकते हैं, लेकिन ये Method HTML5 मे अब इस्तेमाल नहीं होता है।

अब आपके Page पर मौजूद अलग-अलग तरह के elements पर जिन भी कलर को Apple करना है, उसके लिए आप Basic CSS का इस्तेमाल कर सकते हो।

वैसे तो HTML लगभग 140 colors को support करता है। लेकिन उन में से कुछ color ही important हैं।

आज हम उन्हीं colors को जानने वाले हैं।



अगर आपको CSS के बारे में Detail से पढ़ना है तो आप यहाँ से पढ़ सकते हो क्योंकि अगर में इस Article में बताउंगा तो ये Article बहुत बड़ा हो जायेगा.

Click Here : CSS In Hindi

Method of Adding Color



Color Declare करने के बहुत तरीके हैं. लेकिन, सभी तरीके सभी Browsers द्वारा Support नही किए जाते हैं. इसलिए हम यहाँ जो तीन Popular Methods के बारे में बता रहे हैं.

ये तरीके सभी Browsers द्वारा Support किए जाते हैं.

CSS Color Add करने के तीन Famous Methods है :

Hex Value

RGB Value

Color Name

Hex Value



Hex का मतलब होता हैं Hexadecimal.


Hexadecimal Code एक 6 अंकों का कोड होता हैं. जिसमें Red, Green और Blue Colors की Hex Value होती हैं, पहले दो अंक Red, बीच के दो अंक Green और Last दो अंक Blue को Represent करते हैं.


दुनियां के सभी रंग तीन मुख्‍य रंगों Red, Green व Blue को आपस में अलग-अलग अनुपात में मिला कर बनाए जा सकते हैं और बनाये जाते है और अगर आपने कभी Newspaper मे notice किया होतो Bottom मे कुछ color के show होते है उसका मतलब जो उस newspaper मे उन colors का use करके बाकी के सारे Colors बनाए गए है.

Comptuer में इन रंगों की मात्रा को Hexa Decimal Codes द्वारा तय किया जाता है। Web Page में Color को Represent करने के लिए हम #RGB Format Code का प्रयोग करते हैं, जहां R Red Color की मात्रा को, G Green Color की मात्रा को व B Blue Color की मात्रा को Represent करते हैं।


हम इन Code के स्‍थान पर हम 0 1 2 3 4 5 6 7 8 9 A B C D E F अंकों के दो-दो के Pair में जितने (256) अंक बनते हैं, उन सभी अंकों को उपयोग में उपयोग में ले सकते हैं। जैसे 00, 0F, F0, AB, BB, CE, E8 आदि। ये सभी अंक रंगों की मात्रा को Represent करते हैं।
यानी अंक 00 किसी भी रंग की न्‍यनतम मात्रा को दर्शाता है जबकि अंक FF किसी भी रंग की अधिकतम मात्रा को दर्शाता है।


Hexadecimal Value Alphanumeric होती हैं. जिसमें Alphabets और Numbers दोनों शामिल होते हैं. आप Hex Value को Lowercase या Uppercase दोनों में से किसी भी प्रकार में लिख सकते हैं. चुंकि Lowercase लिखने में आसान होता हैं और Uppercase पढने में आसान रहता हैं.



Example: <html> <head> <style> h1 { color: #FF0000; } p { color: #0000FF; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

RGB Value



RGB तीन शब्दों से बना हैं जैसे आपको Hex Color मे बताया है, जिसमें R का मतलब Red, G का मतलब Green और B का मतलब Blue होता हैं.

RGB द्वारा Colors की RGB Value को लिखा जाता हैं. आप RGB Value को प्रतिशत में भी Declare कर सकते हैं.

RGB द्वारा 0 से 255 के बीच में किसी Color की Intensity दर्शायी जाती हैं. आप जितनी ज्यादा Value किसी Color की Declare करेंगे वह Color उतना ही ज्यादा Color में दिखाई देंगा.

Example:

<html> <head> <style> h1 { color: rgb(255, 0, 0); } p { color: rgb(0, 0, 255); } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

Hex और RGB Color Code कहाँ से प्राप्त करें?


ये प्रशन आना स्वाभाविक हैं कि हम Hex Value और RGB Value कैसे बनाये? या कहीं से बनी बनाई मिल सकती हैं?


आप Colors की Hex Value और RGB Value बहुत सारे ऑनलाईन Color Mixers के द्वारा बना सकते हैं. आपको Color Mixer Tool मुफ्त में मिल जाएंगे. जाएंगे से आप अपने लिए मन पसंद कलर बना सकते हैं.


अगर आप Online Color Mixers का इस्तेमाल करना नहीं चाहते हैं. तो आप कुछ Graphics Tools जैसे Adobe Photoshop, MS Paint के Color Tool द्वारा ये Value बना सकते हैं.



Color Name



आप Color Value को Color Name से भी Declare कर सकते हैं. जो सबसे आसान तरीका हैं. लेकिन, आप सभी Colors को उनके नाम से Declare नहीं कर सकते हैं.



Example: <html> <head> <style> h1 { color: red; } p { color: blue; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

Color को उनके नाम से Declare करना आसान तो हैं, मगर Color Name को सभी Browser Support नहीं करते हैं. इसलिए इस Method को ज्यादा इस्तेमाल नहीं किया जाता हैं.


इसका एक कारण ये भी हैं हम इंसान Colors के नाम भी याद नहीं रख सकते हैं मतलब सभी colors normal जो 7 colors है उनको छोड़ कर, और सभी Colors को नाम भी नही दिया जा सकता हैं.
क्योंकि Colors की संभावित संख्या 255x255x255 के बराबर होती हैं तो अब आप ही सोचिये किसी normal इंसान के लिए इतने color के नाम याद रख पाना मुस्किल हो सकता है .


उम्मीद है की आपको समझाया पाया हु फिर भी अगर आपको कोई भी दिकत आती है तो आप comment Section में बता सकते हो.
🙏 Thank You.
Previous
Next Post »

Quote

"Educationists should build the capacities of the spirit of inquiry, creativity, entrepreneurial and moral leadership among students and become their role model."

Dr. Abdual Kalam