CSS HEX Colors

HEX Color एक hexadecimal color code होता है जो CSS में colors define करने के लिए use किया जाता है।
HEX color हमेशा # से start होता है।

HEX Color Format

Standard format:

#RRGGBB

जहाँ:

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

हर value hexadecimal होती है (0–9 और A–F).

Basic HEX Color Example

p {
  color: #ff0000;
}

यह paragraph का color red कर देगा।

Common HEX Colors

color: #000000; /* Black */
color: #ffffff; /* White */
color: #ff0000; /* Red */
color: #00ff00; /* Green */
color: #0000ff; /* Blue */

HEX Background Color Example

body {
  background-color: #f0f0f0;
}

यह light gray background देगा।

HEX Border Color Example

div {
  border: 2px solid #333333;
}

Short HEX Code

अगर RGB values same pairs में हों तो short HEX use किया जा सकता है।

Format:

#RGB

Example:

p {
  color: #f00;
}

यह #ff0000 के बराबर होता है।

Short HEX Examples

#000  /* Black */
#fff  /* White */
#0f0  /* Green */
#00f  /* Blue */

HEX और RGB Relation

• HEX internally RGB values को represent करता है
• Example:
  • #ff0000 = rgb(255, 0, 0)

HEX Value Range

• Minimum: #000000
• Maximum: #ffffff

Common HEX Mistakes

# भूल जाना

गलत:

p {
  color: ff0000;
}

सही:

p {
  color: #ff0000;
}

Wrong Length Code

गलत:

color: #ff00;

सही:

color: #ff0000;

Summary

• HEX color # से start होता है
• Format #RRGGBB होता है
• Short HEX #RGB भी possible है
• HEX और RGB एक-दूसरे से related हैं
• CSS में HEX colors widely used हैं