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
Output :<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>
WHITE
SILVER
GRAY
BLACK
RED
MAROON
YELLOW
OLIVE
LIME
GREEN
AQUA
TEAL
BLUE
NAVY
FACHSIA
PURPLE
Text Color in HTML
HTML में Browser का background by default 'white' होने की वजह से text का color भी by default 'black' ही होता है |
HTML के हर element के content को color दिया जा सकता है | For Example,
Output :<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>
Hello World
Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World
Hello World Hello World Hello World Hello World
Background Color in HTML
HTML के हर element के दी जा सकती है | For Example,
Output :<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>
Hello World
Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World
Hello World Hello World Hello World Hello World
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,
WhiteGray/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,
WhiteBlack
Red
Green
Blue

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