Colors ये websites के लिए बहुत ही महत्वपूर्ण हिस्सा है | अगर आप एक बढ़िया website चाहते हो तो colors का इस्तेमाल किया ही जाना चाहिए |

color

Some Common Colors in HTML

Color Name	Hex Color Code	RGB Color Code
WHITE	#FFFFFF	RGB(255, 255, 255)
SILVER	#C0C0C0	RGB(192, 192, 192)
GRAY/GREY	#808080	RGB(128, 128, 128)
BLACK	#000000	RGB(0, 0, 0)
RED	#FF0000	RGB(255, 0, 0)
MAROON	#800000	RGB(128, 0, 0)
YELLOW	#FFFF00	RGB(255, 255, 0)
OLIVE	#808000	RGB(128, 128, 0)
LIME	#00FF00	RGB(0, 255, 0)
GREEN	#008000	RGB(0, 128, 0)
AQUA/CYAN	#00FFFF	RGB(0, 255, 255)
TEAL	#008080	RGB(0, 128, 128)
BLUE	#0000FF	RGB(0, 0, 255)
NAVY	#000080	RGB(0, 0, 128)
FUCHSIA	#FF00FF	RGB(255, 0, 255))
PURPLE	#800080	RGB(128, 0, 128))

 

Example

<h1 style="background-color:white;">WHITE</h1>
<h1 style="background-color:silver;">SILVER</h1>
<h1 style="background-color:gray;">GRAY</h1>
<h1 style="background-color:black;">BLACK</h1>
<h1 style="background-color:red;">RED</h1>
<h1 style="background-color:maroon;">MAROON</h1>
<h1 style="background-color:yellow;">YELLOW</h1>
<h1 style="background-color:olive;">OLIVE</h1>
<h1 style="background-color:liMe;">LIME</h1>
<h1 style="background-color:green;">GREEN</h1>
<h1 style="background-color:aqua;">AQUA</h1>
<h1 style="background-color:teal;">TEAL</h1>
<h1 style="background-color:blue;">BLUE</h1>
<h1 style="background-color:navy;">NAVY</h1>
<h1 style="background-color:fuchsia;">FACHSIA</h1>
<h1 style="background-color:purple;">PURPLE</h1>

Output :

Text Color in HTML

HTML में Browser का background by default 'white' होने की वजह से text का color भी by default 'black' ही होता है |

HTML के हर element के content को color दिया जा सकता है | For Example,

<h1 style="color:purple;">Hello World</h1>
<p style="color:#FF0000;">Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World</p>
<p style="color:rgb(255,0,255);">Hello World Hello World Hello World Hello World</p>

Output :

Background Color in HTML

HTML के हर element के दी जा सकती है | For Example,

<h1 style="background-color:purple;">Hello World</h1>
<p style="background-color:#FF0000;">Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World</p>
<p style="background-color:rgb(255,0,255);">Hello World Hello World Hello World Hello World</p>

Output :

RGB(rgb(red, green, blue)) Color Codes in HTML

RGB इन color codes की value 0 से 255 के बीच की होती है |

Syntax :

rgb(red, green, blue)

अगर rgb color code में white color display करना हो तो,

अगर rgb color code में black color display करना हो तो,

RGBA(rgba(red, green, blue, alpha)) Color Codes in HTML

RGB इन color codes की value 0 से 255 के बीच की होती है और A की value 0.0 से 1.0 के बीच की होती है |

Alpha में 0.0 value ये पूरी तरह से transparent होता है और 1.0 ये value transparent नहीं होती है |

Syntax :

rgba(red, green, blue, alpha)

Example,

HSL(hsl(hue, saturation, lightness)) Color Codes in HTML

hue ये color को 0 से 360 तक के degrees में दिया जाता है |

saturation को percentages में दिया जाता है |

lightness को भी percentages में दिया जाता है |

Syntax :

hsl(hue, saturation, lightness)

Example,

White
Gray/Grey
Black
Red
Green
Blue
Yellow
Orange
Cyan/Aqua
Magenta

HSLA(hsla(hue, saturation, lightness, alpha)) Color Codes in HTML

Alpha में 0.0 value ये पूरी तरह से transparent होता है और 1.0 ये value transparent नहीं होती है |

Example,

HEX Color Codes in HTML

rr ये red होता है | gg ये green होता है और bb ये blue होता है |

hexadecimal numbers ये 0 से f तक होते है | इसीलिए hex color code में '0' ये सबसे छोटी value होती है और 'f' ये सबसे बड़ी value होती है |

Syntax :

#RRGGBB or #rrggbb

#RGB or #rgb

Example,

White
Black
Red
Green
Blue

 

Note : CMYK(cyan, magenta, yellow, key(black)) ये HTML को support नहीं करता है |