HTML Color
Home
HTML Course
Learn HTML
HTML Colors क्या हैं? HTML में Text और Background Color लगाने का तरीका, Hex, RGB, RGBA और HSL Code के Examples हिंदी में जानें।

HTML Color 


HTML में Colors का उपयोग क्यों होता है?

HTML में Colors (रंग) का उपयोग किसी भी Web Page को Attractive और User Friendly बनाने के लिए किया जाता है।
👉 Colors को Text, Background, Border, और Links में Apply किया जा सकता है।


HTML में Colors Define करने के तरीके

  1. Color Name (By Name)

    • सीधे Color का नाम लिख सकते हैं।

    <p style="color:red;">यह Text Red Color में है।</p>

  2. Hexadecimal Value (#RRGGBB)

    • Color को Hex Code से Define कर सकते हैं।

    <p style="color:#00ff00;">यह Text Green Color में है।</p>

  3. RGB Value (rgb Red, Green, Blue)

    • RGB Format (0 से 255 तक)।

    <p style="color:rgb(0,0,255);">यह Text Blue Color में है।</p>

  4. RGBA Value (Red, Green, Blue, Alpha)

    • इसमें Transparency (Alpha) Value भी होती है (0 से 1)।

    <p style="color:rgba(255,0,0,0.5);">यह Text Transparent Red है।</p>

  5. HSL Value (Hue, Saturation, Lightness)

    • Hue = Color Angle, Saturation = Intensity, Lightness = Brightness।

    <p style="color:hsl(200, 100%, 50%);">यह Text Sky Blue है।</p>


HTML Background Color Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Colors Example</title>
</head>
<body style="background-color:lightyellow;">
    <h1 style="color:blue;">HTML Colors Example</h1>
    <p style="color:green;">यह Text Green Color में है।</p>
    <p style="background-color:orange; color:white;">यह Text Orange Background पर है।</p>
</body>
</html>

👉 Output: Web Page पर Background Light Yellow होगा, Heading Blue में और Paragraph अलग-अलग Colors में।


Common HTML Color Names

Color NameExample
Red🔴 <p style="color:red;">Red</p>
Blue🔵 <p style="color:blue;">Blue</p>
Green🟢 <p style="color:green;">Green</p>
Yellow🟡 <p style="color:yellow;">Yellow</p>
Black⚫ <p style="color:black;">Black</p>
White⚪ <p style="color:white; background:black;">White</p>


Conclusion

HTML Colors का उपयोग Web Page को आकर्षक और पढ़ने योग्य (Readable) बनाने के लिए किया जाता है।

👉 Colors को HTML में Name, Hex, RGB, RGBA और HSL Methods से Define किया जा सकता है। 

Post a Comment

Post a Comment