Sunday 15 October 2017

HTML - Colors

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 −


  • 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.

BlackGraySilverWhite
YellowLimeAquaFuchsia
RedGreenBluePurple
MaroonOliveNavyTeal
Case 

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.

ColorColor HEX
 #000000
 #FF0000
 #00FF00
 #0000FF
 #FFFF00
 #00FFFF
 #FF00FF
 #C0C0C0
 #FFFFFF
Illustration 

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.

ColorColor 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)
Case 

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.

0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC9966FF
9999009999339999669999999999CC9999FF
99CC0099CC3399CC6699CC9999CCCC99CCFF
99FF0099FF3399FF6699FF9999FFCC99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC3300CC3333CC3366CC3399CC33CCCC33FF
CC6600CC6633CC6666CC6699CC66CCCC66FF
CC9900CC9933CC9966CC9999CC99CCCC99FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
FF0000FF0033FF0066FF0099FF00CCFF00FF
FF3300FF3333FF3366FF3399FF33CCFF33FF
FF6600FF6633FF6666FF6699FF66CCFF66FF
FF9900FF9933FF9966FF9999FF99CCFF99FF
FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Translate

GoogleTech786. Powered by Blogger.

Subscribe Youtube

Our Facebook Page

Googletech786

Wikipedia

Search results

Popular Posts

  • HTML - Phrase Tags
    The expression labels have been desicolgned for particular purposes, however they are shown comparably as other essential labels like <b...
  • Readbud
    : Readbud is where you'll get paid for perusing the articles. You may pick your own particular enthusiasm to peruse and profit by u...
  • How would I settle NinjaScript Programming Errors?
    Applies to NinjaTrader 7  You may run over different circumstances where your NinjaScript records won't order. This can incorpora...
  • 8 Most In-Demand Programming Languages
    Breakdown of the 8 Most In-Demand Programming Languages 1. Java  The tech group as of late praised the twentieth commemoration of Java...
  • HTML - Colors
    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 ...

Adsense

Copyright © GoogleTech786 | Powered by Blogger
Rizvi Web Solutions (R)