Html colors(HTML5it)

By -
Helo guys today we will know about html colors.so lets start:-

HTML Colors

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

Color Names

In HTML, a color can be specified by using a color name:

Example

ColorName
Red
Orange
Yellow
Cyan
Blue
HTML supports 140 standard color names.

RGB Value

In HTML, a color can also be specified as an RGB value, using this formula: rgb(red, green, blue)
Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.
For example, rgb(255,0,0) is displayed as red, because red is set to its highest value (255) and the others are set to 0.
To display the color black, all color parameters must be set to 0, like this: rgb(0,0,0).
To display the color white, all color parameters must be set to 255, like this: rgb(255,255,255).
Experiment by mixing the RGB values below:
RedGreenBlue
25500
rgb(255, 0, 0)

Example

ColorRGB
rgb(255,0,0)
rgb(255,255,0)
rgb(0,255,0)
rgb(0,255,255)
rgb(0,0,255)
Shades of gray are often defined using equal values for all the 3 light sources:

Example

ColorRGB
rgb(0,0,0)
rgb(90,90,90)
rgb(128,128,128)
rgb(200,200,200)
rgb(255,255,255)

HEX Value

In HTML, a color can also be specified using a hexadecimal value in the form: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF (same as decimal 0-255).
For example, #FF0000 is displayed as red, because red is set to its highest value (FF) and the others are set to the lowest value (00).

Example

ColorHEX
#FF0000
#FFFF00
#00FF00
#00FFFF
#0000FF
Shades of gray are often defined using equal values for all the 3 light sources:

Example

ColorHEX
#000000
#404040
#808080
#CCCCCC
#FFFFFF
Post by-sidhant 

Comments

Post a Comment

Popular posts from this blog

What is html iframe

By -
Today's blog is about html iframe.so guys if you find this interesting please like and subcribe. Iframe Syntax An HTML iframe is defined with the  <iframe>  tag: < iframe  src =" URL " > < /iframe > The  src  attribute specifies the URL (web address) of the inline frame page. Iframe - Set Height and Width Use the  height  and  width  attributes to specify the size of the iframe. The attribute values are specified in pixels by default, but they can also be in percent (like "80%"). Example < iframe src ="demo_iframe.htm" height ="200" width ="300" > < /iframe > Iframe - Remove the Border By default, an iframe has a border around it. To remove the border, add the  style attribute and use the CSS  border  property: Example < iframe src ="demo_iframe.htm" style ="border:none;" > < /iframe > With CSS, you can also change the size, style an...
Read more

HTML Textformatting and Elements(HTML5it)

By -
HTML  Text Formatting Text Formatting This text is bold This text is italic This is  subscript  and  superscript HTML Formatting Elements In the previous chapter, you learned about the HTML  style attribute . HTML also defines special  elements  for defining text with a special  meaning . HTML uses elements like <b> and <i> for formatting output, like  bold  or  italic  text. Formatting elements were designed to display special types of text: <b> - Bold text <strong> - Important text <i> - Italic text <em> - Emphasized text <mark> - Marked text <small> - Small text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text HTML <b> and <strong> Elements The HTML  <b>  element defines  bold  text, without any extra importance. Example < b ...
Read more

HTML Table(HTML5it)

By -
                                  HTML TABLE The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the  <table>  tag in which the  <tr>  tag is used to create table rows and  <td>  tag is used to create data cells. Example <!DOCTYPE html> <html> <head> <title>HTML Tables</title> </head> <body> <table border="1"> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> </tr> </table> </body> </html> This will produce following result: Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2 Here  border  is an attribute...
Read more