आपकी ऑफलाइन सहायता

BACK
49

सी प्रोग्रामिंग

149

पाइथन प्रोग्रामिंग

49

सी प्लस प्लस

99

जावा प्रोग्रामिंग

149

जावास्क्रिप्ट

49

एंगुलर जे.एस.

69

पी.एच.पी.
माय एस.क्यू.एल.

99

एस.क्यू.एल.

Free

एच.टी.एम.एल.

99

सी.एस.एस.

149

आर प्रोग्रामिंग

39

जे.एस.पी.





डाउनलोड पी.डी.एफ. ई-बुक्स
HTML - HTML Colors

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

color

Some Common Colors in HTML

Color NameHex Color CodeRGB Color Code
WHITE#FFFFFFRGB(255, 255, 255)
SILVER#C0C0C0RGB(192, 192, 192)
GRAY/GREY#808080RGB(128, 128, 128)
BLACK#000000RGB(0, 0, 0)
RED#FF0000RGB(255, 0, 0)
MAROON#800000RGB(128, 0, 0)
YELLOW#FFFF00RGB(255, 255, 0)
OLIVE#808000RGB(128, 128, 0)
LIME#00FF00RGB(0, 255, 0)
GREEN#008000RGB(0, 128, 0)
AQUA/CYAN#00FFFFRGB(0, 255, 255)
TEAL#008080RGB(0, 128, 128)
BLUE#0000FFRGB(0, 0, 255)
NAVY#000080RGB(0, 0, 128)
FUCHSIA#FF00FFRGB(255, 0, 255))
PURPLE#800080RGB(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 :

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,

<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 :

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,

<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 :

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(255, 255, 255)

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

rgb(0, 0, 0)


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,

rgb(0, 255, 0, 0.0)

rgb(0, 255, 0, 0.2)

rgb(0, 255, 0, 0.4)

rgb(0, 255, 0, 0.6)

rgb(0, 255, 0, 0.8)

rgb(0, 255, 0, 1.0)

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
hsl(0, 100%, 100%)

Gray/Grey
hsl(0, 0%, 50%)

Black
hsl(0, 0%, 0%)

Red
hsl(0, 100%, 50%)

Green
hsl(120, 100%, 25%)

Blue
hsl(240, 100%, 50%)

Yellow
hsl(60, 100%, 50%)

Orange
hsl(39, 100%, 50%)

Cyan/Aqua
hsl(180, 100%, 50%)

Magenta
hsl(300, 100%, 50%)

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

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

Example,

hsla(0, 0%, 0%, 0.0)

hsla(0, 0%, 0%, 0.2)

hsla(0, 0%, 0%, 0.4)

hsla(0, 0%, 0%, 0.6)

hsla(0, 0%, 0%, 0.8)

hsla(0, 0%, 0%, 1.0)


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
#FFFFFF or #FFF

Black
#000000 or #000

Red
#FF0000 or #F00

Green
#00FF00 or #0F0

Blue
#0000FF or #00F

 

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