HTML Color Tag

Introduction

With the help of color, we can provide a good look for any thing. So with the help of color we can give a good look to the website. Inside the body tag we can specify some color, which will applied to the whole website.

With the help of following tag we can provide the color property to the web page. these are as follows.

• Bgcolor: with the help of this attribute we can set the color for the background of a web page.
• Text: with the help of this attribute we can specify the color for the body text.
• Alink: with the help of this attribute we can set the color for the active links or selected links.
• Link: with the help of this attribute we can set the color for linked text.
• Vlink: with the help of this attribute we can set the color for visited links - that is, for linked text that you have already clicked on.

HTML Color Coding Methods

In the webpage we can implement the color with the help of three method. Those three method are as follows.

• Color names: In the HTML, we can implement the color with the help of color name like green, blue or red.
• Hex codes: In the HTML, we can implement the color with the help of A six-digit code representing the amount of red, green, and blue.
• Color decimal or percentage values: In the HTML, we can implement the color with the help of value is specified using the rgb( ) property.

HTML Colors - Color Names

With the help of HTML color name we can also set the background or text color. These color names are easier to remember and use in your HTML and CSS code. Here is a list of some of the most commonly used color names in HTML:

1. Black: black
2. White: white
3. Red: red
4. Green: green
5. Blue: blue
6. Yellow: yellow
7. Purple: purple
8. Orange: orange
9. Pink: pink
10. Gray: gray or grey
11. Brown: brown

Lets understand this by taking an example.

Example 1:

Output:

Explanation:

In the above code we are using color name for the coloring of the text. Here we use green color for the body and white color for the text that is written in the body.

Limitation of using color name in the HTML code:

If we use color name in the HTML code, we are unable say which color is by looking the name of the color. For example if we guess that the color name is purple but actually that color is the pure hue between the magneta and blue. But actually it is different from the dark magneta.

HTML Colors - Hex Codes

The hex code for the colors contains 6 digit code. The first two digit of the color code represent the red color, then the next two digit code for the color represent the value for the green color and the last two digit represents the code for the value for blue color.

We can take the hex value of the color code from any graphis software like Adobe Photoshop, Paintshop Pro or MS Paint.

In the hex value, each code for the color name preceded by a pound or hash sign #. Below are the list of color name along hex code value.

Lets understand this by taking an example.

Example 2:

Output:

Explanation:

In the above code we have take the help of hex code to provide the color property in the webpage.

HTML Colors - RGB Values

In HTML we can specify the color with the help of RGB value, by the help of below formule.

in the above formula each parameter define its intencity within the range 0 to 255.

For example if we take the color code for the red then its value become rgb(255, 0, 0). Here red is set to its highest value (255), and the other two (green and blue) are set to 0.

Note: we have to note one thing that all the browser does not support this RGB property. so it is not recommended to use.

Below are some of the list of code along with their RGB value.

Let us understand this by taking an example.

Example 3:

Output:

Explanation:

In the above code, we have taken the help of RBG value to provide the colour property on the webpage.