Different custom Type of HTML Colors
In this section we will learn Different custom Type of HTML Colors
In HTML5 used colors to display web pages on the World Wide Web, and the methods for describing and specifying those colors. In HTML5 colors can be specified as an RGB triplet or in hexadecimal format or according to their common English names.
- bgcolor − In HTML5 it sets background color in the web page.
- text − Specify a color for the body text in page.
- alink − it specifies a color for active links or selected links.
- link − It used sets color for linked text in our documents.
- vlink − It can be set color for visited links − that is, for linked text that you have already clicked on.
bgcolor − Let’s see the example how to set background of the page.
Example:-
<h1 style=”background-color:Blue;”>Hello World</h1>
<p style=”background-color:Green;”>Lorem ipsum…</p>
text − Below is the example to set color for the body text.
Example:-
<h1 style=”color:Red;”>Hello World</h1>
<p style=”color:Blue;”>Lorem ipsum…</p>
<p style=”color:Green;”>Ut wisi enim…</p>
HTML Colors – Hex Codes Table
| Color | Color HEX |
| #000000 | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #C0C0C0 | |
| #FFFFFF |
HTML Colors – RGB Values
| Color | Color RGB |
| rgb(0,0,0) | |
| rgb(255,0,0) | |
| rgb(0,255,0) | |
| rgb(0,0,255) | |
| rgb(255,255,0) | |
| rgb(0,255,255) | |
| rgb(255,0,255) | |
| rgb(192,192,192) | |
| rgb(255,255,255) |
Lightness in HTML5
| Colors | Light | Hex | Rgb | Hsl |
| 100% | #ffffff | rgb(255, 255,255) | hsl(0, 100%, 100%) | |
| 95% | #ffe6e6 | rgb(255, 230,230) | hsl(0, 100%, 95%) | |
| 90% | #ffcccc | rgb(255, 204,204) | hsl(0, 100%, 90%) | |
| 85% | #ffb3b3 | rgb(255, 179,179) | hsl(0, 100%, 85%) | |
| 80% | #ff9999 | rgb(255, 153,153) | hsl(0, 100%, 80%) | |
| 75% | #ff8080 | rgb(255, 128,128) | hsl(0, 100%, 75%) | |
| 70% | #ff6666 | rgb(255, 102, 102) | hsl(0, 100%, 70%) | |
| 65% | #ff4d4d | rgb(255, 77, 77) | hsl(0, 100%, 65%) | |
| 60% | #ff3333 | rgb(255, 51, 51) | hsl(0, 100%, 60%) | |
| 55% | #ff1a1a | rgb(255, 26, 26) | hsl(0, 100%, 55%) | |
| 50% | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | |
| 45% | #e60000 | rgb(230, 0, 0) | hsl(0, 100%, 45%) | |
| 40% | #cc0000 | rgb(204, 0, 0) | hsl(0, 100%, 40%) | |
| 35% | #b30000 | rgb(179, 0, 0) | hsl(0, 100%, 35%) | |
| 30% | #990000 | rgb(153, 0, 0) | hsl(0, 100%, 30%) | |
| 25% | #800000 | rgb(128, 0, 0) | hsl(0, 100%, 25%) | |
| 20% | #660000 | rgb(102, 0, 0) | hsl(0, 100%, 20%) | |
| 15% | #4d0000 | rgb(77, 0, 0) | hsl(0, 100%, 15%) | |
| 10% | #330000 | rgb(51, 0, 0) | hsl(0, 100%, 10%) | |
| 5% | #1a0000 | rgb(26, 0, 0) | hsl(0, 100%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(0, 100%, 0%) |
Related Link
Install Windows Server 2016 Step by Step
Install Windows Server 2016 on VMware Workstation step by step