Colors in HTML

Colors in HTML specify kiye ja sakte hain predefined color names se, ya phir RGB, HEX, HSL, RGBA, ya HSLA values se


Color Names

Colors in HTML color name use karke bhi color set kar sakte ho jaise:

  • Tomato
  • Orange
  • DodgerBlue
  • MediumSeaGreen
  • Gray
  • SlateBlue
  • Violet
  • LightGray

HTML 140 standard color names support karta hai.


Background Color

HTML elements ka background color set kiya ja sakta hai.

Example:

Background Color in HTML


Text Color

Text ka color bhi set kiya ja sakta hai.

Example:

Text Color in HTML


Border Color

Borders ka color bhi set kiya ja sakta hai.

Example:

Border Color in HTML


Color Values

HTML me colors RGB, HEX, HSL, RGBA, aur HSLA values se bhi specify kiye ja sakte hain.

RGB, HEX, aur HSL se background color set karne ka example:

Color Values in HTML

RGBA aur HSLA me alpha channel add hota hai (transparency ke liye).

Example:

Colors in HTML


HTML RGB and RGBA Colors

RGB color value RED, GREEN, aur BLUE light sources ko represent karta hai. RGBA color value, RGB ka extension hai jisme ek extra Alpha channel (opacity) hota hai.


RGB Color Values

HTML me color ko RGB value se specify kiya ja sakta hai is formula se: 

rgb(red, green, blue)

Har parameter (red, green, blue) ki value 0 se 255 ke beech hoti hai.

Iska matlab total possible colors: 

256 × 256 × 256 = 16,777,216 colors 

Examples:

  • rgb(255, 0, 0) → Red (red highest, baaki 0)
  • rgb(0, 255, 0) → Green
  • rgb(0, 0, 0) → Black
  • rgb(255, 255, 255) → White

Mix Value:

rgb(255, 99, 71)


RGBA Color Values

RGBA, RGB ka extended version hai jisme Alpha channel hota hai jo opacity define karta hai.

rgba(red, green, blue, alpha)

Alpha value 0.0 se 1.0 ke beech hoti hai:

  • 0.0 → Fully transparent
  • 1.0 → Fully visible

Examples:

  • rgb(255, 99, 71, 0)
  • rgb(255, 99, 71, 0.2)

HTML HEX Colors

Hexadecimal color is format me specify hota hai: 

#RRGGBB

Yaha:

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

Ye sab hexadecimal integers hote hain jo color ke components define karte hain. 00 se ff ke beech hoti hain numbers.

Examples:

  • #ff0000 → Red (red highest = ff, baaki 00)
  • #00ff00 → Green
  • #000000 → Black (sab 00)
  • #ffffff → White (sab ff)

HTML HSL and HSLA Colors

HSL ka full form hai Hue, Saturation, Lightness. HSLA, HSL ka extended version hai jisme Alpha channel (opacity) add hota hai.

HSL Format

  • Hue → 0–360 (0=Red, 120=Green, 240=Blue)
  • Saturation → 0% (gray) to 100% (pure color)
  • Lightness → 0% (black) to 100% (white)

Example:

HSL Format


HSLA Format

Syntax:

HSLA Format

  • Alpha → 0.0 (transparent) to 1.0 (solid)

Example:

HSLA Format Example

Leave a Comment