PROJECT CODE

                                            The Developers Choice!!!!
                                                                                                            Home | About Us | Contact Us

HTML TUTORIALS

Lecture23 : ColorValues

What is HTML ColorValues
Colors are keep importance in website to provide a good look, design and feel to your website. We can say that without colors website just like a skeleton. You can specify colors on page level using HEX value and RGB value.

Mountain View
How to use RGB value

<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:rgb(255,0,0)">
Background-color of rgb(255,0,0) </h2>
<h2 style="background-color:rgb(0,255,0)">
Background-color of rgb(0,255,0) </h2>
<h2 style="background-color:rgb(0,0,255)">
Background-color of rgb(0,0,255) </h2>
<h2 style="background-color:rgb(255,255,0)">
Background-color of rgb(255,255,0) </h2>
<h2 style="background-color:rgb(255,0,255)">
Background-color of rgb(255,0,255) </<h2>
<h2 style="background-color:rgb(200,200,200)">
Background-color of rgb(200,200,200) </h2>
<h2 style="background-color:rgb(255,59,0)">
Background-color of rgb(255,59,0) </h2>
<h2 style="background-color:rgb(250,240,230)">
Background-color of rgb(250,240,230) </h2>
<h2 style="background-color:rgb(128,128,128)">
Background-color of rgb(128,128,128) </h2>
<h2 style="background-color:rgb(112,128,144)">
Background-color of rgb(112,128,144) </h2>
</body>
</html>

Output :

Background-color of rgb(255,0,0)

Background-color of rgb(0,255,0)

Background-color of rgb(0,0,255)

Background-color of rgb(255,255,0)

Background-color of rgb(255,0,255)

Background-color of rgb(200,200,200)

Background-color of rgb(255,59,0)

Background-color of rgb(250,240,230)

Background-color of rgb(128,128,128)

Background-color of rgb(112,128,144)


How to use HEX Value

<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:FF0000">
Background-color of FF0000 </h2>
<h2 style="background-color:00FF00">
Background-color of 00FF00 </h2>
<h2 style="background-color:#0000FF">
Background-color of #0000FF </h2>
<h2 style="background-color:#FFFF00">
Background-color of #FFFF00 </h2>
<h2 style="background-color:#FF00FF">
Background-color of #FF00FF </<h2>
<h2 style="background-color:#CCCCCC">
Background-color of #CCCCCC </h2>
<h2 style="background-color:#ADFF2F">
Background-color of #ADFF2F </h2>
<h2 style="background-color:#20B2AA">
Background-color of #20B2AA </h2>
<h2 style="background-color:#E0FFFF">
Background-color of #E0FFFF </h2>
<h2 style="background-color:#FFEF55">
Background-color of #FFEF55 </h2>
</body>
</html>

Output :

Background-color of #FF0000

Background-color of #00FF00

Background-color of #0000FF

Background-color of #FFFF00

Background-color of #FF00FF

Background-color of #CCCCCC

Background-color of #ADFF2F

Background-color of #20B2AA

Background-color of #E0FFFF

Background-color of #FFEF55


Note :

Please see the colors list below for your practice reference, Only thing to do write the name or hex value(Please add # in prefix when pick hex value) or RGB value from list.

Mountain View
   
All Rights Reserved with Project code