CSS - CSS Colors in hindi, css color kese select kre , kya h.

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

color

Some Common Colors in CSS

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 :

WHITE

SILVER

GRAY

BLACK

RED

MAROON

YELLOW

OLIVE

LIME

GREEN

AQUA

TEAL

BLUE

NAVY

FACHSIA

PURPLE

Text Color in CSS

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 CSS

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 CSS

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 CSS

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 CSS

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 CSS

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 CSS

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)) ये CSS को support नहीं करता है |