October 15, 2017
Unknown
Hues are vital to give a decent look and feel to your site. You can determine hues on page level utilizing <body> tag or you can set hues for singular labels utilizing bgcolor characteristic.
The <body> tag has following characteristics which can be utilized to set distinctive hues −
HTML Color Coding Methods
There are following three unique techniques to set hues in your site page −
Presently we will see these shading plans one by one.
HTML Colors - Color Names
You can indicate guide a shading name to set content or foundation shading. W3C has recorded 16 fundamental shading names that will approve with a HTML validator however there are more than 200 distinctive shading names upheld by real programs.
Note − Check an entire rundown of HTML Color Name.
W3C Standard 16 Colors
Here is the rundown of W3C Standard 16 Colors names and it is prescribed to utilize them.
Case
Here are the cases to set foundation of a HTML tag by shading name −
A hexadecimal is a 6 digit portrayal of a shading. The initial two digits(RR) speak to a red esteem, the following two are a green value(GG), and the last are the blue value(BB).
A hexadecimal esteem can be taken from any illustrations programming like Adobe Photoshop, Paintshop Pro or MS Paint.
Each hexadecimal code will be gone before by a pound or hash sign #. Following is a rundown of few hues utilizing hexadecimal documentation.
Illustration
Here are the cases to set foundation of a HTML tag by shading code in hexadecimal −
HTML Colors - RGB Values
This shading esteem is indicated utilizing the rgb( ) property. This property takes three esteems, one each for red, green, and blue. The esteem can be a whole number in the vicinity of 0 and 255 or a rate.
Note − All the programs does not bolster rgb() property of shading so it is prescribed not to utilize it.
Following is a rundown to indicate few hues utilizing RGB esteems.
Case
Here are the cases to set foundation of a HTML tag by shading code utilizing rgb() values −
Here is the rundown of 216 hues which should be most secure and PC free hues. These hues exceptionally from hexa code 000000 to FFFFFF and they will be upheld by every one of the PCs having 256 shading palette.
The <body> tag has following characteristics which can be utilized to set distinctive hues −
- bgcolor − sets a shading for the foundation of the page.
- content − sets a shading for the body content.
- alink − sets a shading for dynamic connections or chose joins.
- connect − sets a shading for connected content.
- vlink − sets a shading for went to joins − that is, for connected content that you have just tapped on.
HTML Color Coding Methods
There are following three unique techniques to set hues in your site page −
- Shading names − You can indicate shading names specifically like green, blue or red.
- Hex codes − A six-digit code speaking to the measure of red, green, and blue that makes up the shading.
- Shading decimal or rate esteems − This esteem is indicated utilizing the rgb( ) property.
Presently we will see these shading plans one by one.
HTML Colors - Color Names
You can indicate guide a shading name to set content or foundation shading. W3C has recorded 16 fundamental shading names that will approve with a HTML validator however there are more than 200 distinctive shading names upheld by real programs.
Note − Check an entire rundown of HTML Color Name.
W3C Standard 16 Colors
Here is the rundown of W3C Standard 16 Colors names and it is prescribed to utilize them.
| Black | Gray | Silver | White | ||||
| Yellow | Lime | Aqua | Fuchsia | ||||
| Red | Green | Blue | Purple | ||||
| Maroon | Olive | Navy | Teal |
Here are the cases to set foundation of a HTML tag by shading name −
<!DOCTYPE html> <html> <head> <title>HTML Colors by Name</title> </head> <body text = "blue" bgcolor = "green"> <p>Use different color names for for body and table and see the result.</p> <table bgcolor = "black"> <tr> <td> <font color = "white">This text will appear white on black background.</font> </td> </tr> </table> </body> </html>HTML Colors - Hex Codes
A hexadecimal is a 6 digit portrayal of a shading. The initial two digits(RR) speak to a red esteem, the following two are a green value(GG), and the last are the blue value(BB).
A hexadecimal esteem can be taken from any illustrations programming like Adobe Photoshop, Paintshop Pro or MS Paint.
Each hexadecimal code will be gone before by a pound or hash sign #. Following is a rundown of few hues utilizing hexadecimal documentation.
| Color | Color HEX |
|---|---|
| #000000 | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #C0C0C0 | |
| #FFFFFF |
Here are the cases to set foundation of a HTML tag by shading code in hexadecimal −
<!DOCTYPE html> <html> <head> <title>HTML Colors by Hex</title> </head> <body text = "#0000FF" bgcolor = "#00FF00"> <p>Use different color hexa for for body and table and see the result.</p> <table bgcolor = "#000000"> <tr> <td> <font color = "#FFFFFF">This text will appear white on black background.</font> </td> </tr> </table> </body> </html>
HTML Colors - RGB Values
This shading esteem is indicated utilizing the rgb( ) property. This property takes three esteems, one each for red, green, and blue. The esteem can be a whole number in the vicinity of 0 and 255 or a rate.
Note − All the programs does not bolster rgb() property of shading so it is prescribed not to utilize it.
Following is a rundown to indicate few hues utilizing RGB esteems.
| 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) |
Here are the cases to set foundation of a HTML tag by shading code utilizing rgb() values −
<!DOCTYPE html> <html> <head> <title>HTML Colors by RGB code</title> </head> <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)"> <p>Use different color code for for body and table and see the result.</p> <table bgcolor = "rgb(0,0,0)"> <tr> <td> <font color = "rgb(255,255,255)">This text will appear white on black background.</font> </td> </tr> </table> </body> </html>Program Safe Colors
Here is the rundown of 216 hues which should be most secure and PC free hues. These hues exceptionally from hexa code 000000 to FFFFFF and they will be upheld by every one of the PCs having 256 shading palette.
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
0 comments:
Post a Comment