HTML HEX Colors

HTML HEX Color क्या होता है?

HEX Color एक hexadecimal color code होता है जिसका उपयोग HTML और CSS में colors define करने के लिए किया जाता है।
HEX colors web development में सबसे ज्यादा use किए जाने वाले color formats में से एक हैं क्योंकि ये compact और precise होते हैं।

HEX color # symbol से start होता है।

HEX Color Syntax

HEX color का basic syntax होता है:

#RRGGBB

यहाँ:

• RR → Red value
• GG → Green value
• BB → Blue value

हर value hexadecimal format में होती है जिसकी range 00 से FF तक होती है।

Example:

<p style="color:#FF0000;">Red Text</p>

Hexadecimal System कैसे काम करता है?

HEX colors base-16 number system पर based होते हैं।

Hexadecimal digits:

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

जहाँ:

• 0 lowest value है
• F highest value है

Common HEX Color Examples

<p style="color:#000000;">Black</p>
<p style="color:#FFFFFF;">White</p>
<p style="color:#FF0000;">Red</p>
<p style="color:#00FF00;">Green</p>
<p style="color:#0000FF;">Blue</p>

HEX Color और RGB Relationship

हर HEX color internally RGB values को represent करता है।

Examples:

• #FF0000 → rgb(255, 0, 0)
• #00FF00 → rgb(0, 255, 0)
• #0000FF → rgb(0, 0, 255)

Browser HEX को RGB में convert करके render करता है।

Short HEX Color Code

अगर HEX color में दोनों digits same हों, तो short form use की जा सकती है।

Format:

#RGB

Example:

<p style="color:#F00;">Red</p>
<p style="color:#0F0;">Green</p>
<p style="color:#00F;">Blue</p>

Short HEX का मतलब:

• #F00 → #FF0000
• #0F0 → #00FF00

HEX Colors और Background

HEX colors background के लिए widely use होते हैं।

Example:

<div style="background-color:#F5F5F5;">
Light Background
</div>

HEX Colors और Transparency

Standard HEX colors transparency support नहीं करते।
Transparency के लिए:

• rgba() use किया जाता है
• या modern CSS में #RRGGBBAA format use होता है

Example:

#00000080

यहाँ 80 alpha value को represent करता है।

HEX Colors और Accessibility

Accessible color usage के लिए:

• Text और background के बीच proper contrast रखें
• Light gray text on white background avoid करें
• Important content के लिए high contrast HEX colors use करें

HEX Colors और SEO

HEX colors direct SEO factor नहीं हैं, लेकिन:

• Good color contrast readability improve करता है
• Better user experience SEO को indirectly help करता है

Common Beginner Mistakes

• # symbol भूल जाना
• Invalid HEX digits use करना
• Short HEX को हर जगह applicable समझना
• Very low contrast colors use करना

HEX Colors Best Practices

• Consistent color palette follow करें
• Brand colors को HEX format में define करें
• Inline style की बजाय CSS classes use करें
• Readability को priority दें