HTML Color ~ CodexColors

In HTML, a color can be specified by using a color name, an RGB value, or a HEX value.

<!DOCTYPE html>
<html>
<body>

<h2 style="background-color:red">
Background-color set by using red
</h2>
<h2 style="background-color:orange">
Background-color set by using orange
</h2>
<h2 style="background-color:yellow">
Background-color set by using yellow
</h2>
<h2 style="background-color:blue;color:white">
Background-color set by using blue
</h2>
<h2 style="background-color:cyan">
Background-color set by using cyan
</h2>
<hr>
<h2 style="background-color:rgb(255,0,0)">
Background-color set by using rgb(255,0,0)
</h2>
<h2 style="background-color:rgb(0,255,0)">
Background-color set by using rgb(0,255,0)
</h2>
<h2 style="background-color:rgb(0,0,255)">
Background-color set by using rgb(0,0,255)
</h2>
<h2 style="background-color:rgb(255,255,0)">
Background-color set by using rgb(255,255,0)
</h2>
<h2 style="background-color:rgb(255,0,255)">
Background-color set by using rgb(255,0,255)
</h2>
<h2 style="background-color:rgb(0,255,255)">
Background-color set by using rgb(0,255,255)
</h2>
<hr>
<h2 style="background-color:rgb(0,0,0);color:white">
Background-color set by using rgb(0,0,0)
</h2>
<h2 style="background-color:rgb(90,90,90);color:white">
Background-color set by using rgb(90,90,90)
</h2>
<h2 style="background-color:rgb(128,128,128);color:white">
Background-color set by using rgb(128,128,128)
</h2>
<h2 style="background-color:rgb(200,200,200);color:white">
Background-color set by using rgb(200,200,200)
</h2>
<h2 style="background-color:rgb(255,255,255);">
Background-color set by using rgb(255,255,255)
</h2>
<hr>

<h2 style="background-color:#FF0000">
Background-color set by using #FF0000
</h2>
<h2 style="background-color:#00FF00">
Background-color set by using #00FF00
</h2>
<h2 style="background-color:#0000FF">
Background-color set by using #0000FF
</h2>
<h2 style="background-color:#FFFF00">
Background-color set by using #FFFF00
</h2>
<h2 style="background-color:#FF00FF">
Background-color set by using #FF00FF
</h2>
<h2 style="background-color:#00FFFF">
Background-color set by using #00FFFF
</h2>
<hr>
<h2 style="background-color:#000000;color:white">
Background-color set by using #000000
</h2>
<h2 style="background-color:#808080;color:white">
Background-color set by using #808080
</h2>
<h2 style="background-color:#FFFFFF;">
Background-color set by using #FFFFFF
</h2>
</body>
</html>

You can edit the HTML, Copy the Code areas HTML code to Paste our online HTML editor Page Or below HTML Editor area Now Practics

Try it Yourself

<style>

Add CSS Code Here

</style>

<!DOCTYPE html>
<html>
<body>

Results well be

Background-color set by using red

Background-color set by using orange

Background-color set by using yellow

Background-color set by using blue

Background-color set by using cyan

Background-color set by using rgb(255,0,0)

Background-color set by using rgb(0,255,0)

HTML Color

Background-color set by using red

Background-color set by using orange

Background-color set by using yellow

Background-color set by using blue

Background-color set by using cyan

Background-color set by using rgb(255,0,0)

Background-color set by using rgb(0,255,0)

Background-color set by using rgb(0,0,255)

Background-color set by using rgb(255,255,0)

Background-color set by using rgb(255,0,255)

Background-color set by using rgb(0,255,255)

Background-color set by using rgb(0,0,0)

Background-color set by using rgb(90,90,90)

Background-color set by using rgb(128,128,128)

Background-color set by using rgb(200,200,200)

Background-color set by using rgb(255,255,255)

Background-color set by using #FF0000

Background-color set by using #00FF00

Background-color set by using #0000FF

Background-color set by using #FFFF00

Background-color set by using #FF00FF

Background-color set by using #00FFFF

Background-color set by using #000000

Background-color set by using #808080

Background-color set by using #FFFFFF

0 comments:

Post a Comment

FIND US ON FACEBOOK

Categories

Blog Archive

Popular Posts