Skip to main content

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



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

color

Some Common Colors in CSS

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 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(255255255)

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


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 नहीं करता है |

Comments

Popular posts from this blog

Create a Responsive Login Form in HTML and CSS in Hindi

Create a Responsive Login Form in HTML and CSS in Hindi                                                              Login Form in HTML and CSS In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step. As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi. Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi. background-image: linear-gradient(to top right, #color1 50%, #color2 50%); Create a Responsive Login Form in HTML and CSS in Hindi Now we will come to our Center Div. If you noticed I us

CSS - CSS Fonts in hindi, css font kya h,css font use kese kre,hindi me Technamdev.blogspot.com

CSS Fonts Properties से text/content के font को set किया जाता | इन properties में content को bold, italic, font size और अन्य प्रकार से styling की जाती है | CSS Font Generic Name and Font Family Name Font Generic Name Font Families का group होता है | जैसे कि, Sans-serif(generic) है और उसके अंतर्गत Arial, Arial Black, Agency FB, BankGothic, Calibri और आदि कई Fonts होते है | Font Family Name ये simple fonts name होते है | जैसे कि Arial, Arial Black, Agency FB, BankGothic, Calibri, और आदि कई | Agency FB Antiqua Architect Arial bankFuturistic BankGothic Blackletter Blagovest Calibri Comic Sans MS Courier Cursive Decorative Fantasy Fraktur Frosty Garamond Georgia Helvetica Impact Minion Modern Monospace Open Sans Palatino Roman Sans-serif Serif Script Swiss Times Times New Roman Verdana Most used Web Safe Font

RSOS (Rajasthan State Open School) student and RBSE students big update , news in hindi

                  kya nhi honge promote / kya exam honge  rajasthan state open school and RBSE ke students ke lia bahut badi khabar aayi hai . promote hone ke chance hua kam . par ab bhi kosis karne par aap sabhi ko promote kiya ja sakta hai . per esi bich aap apni teyari bhi jaari rakhe taki aapke exam hone par bhi aap achhe nubers s paas ho sake. Thank You