Kamis, 02 Desember 2010

colors

In HTML, colors can be added by using the style attribute. You can specify a color name (eg, blue), a hexadecimal value (eg, #0000ff), or an RGB value (eg rgb(0,0,255)).

Syntax

Foreground Color

To add color to an HTML element, you use style="color:{color}", where {color} is the color value. For example:

style="color:blue">HTML Colors

This results in:

HTML Colors

Background Color

To add a background color to an HTML element, you use style="background-color:{color}", where {color} is the color value. For example:

style="background-color:blue">HTML Colors

This results in:

HTML Colors

Border Color

To add a colored border to an HTML element, you use style="border:{width} {color} {style}", where {width} is the width of the border, {color} is the color of the border, and {style} is the style of the border. For example:

style="border:1px blue solid;">HTML Colors

This results in:

HTML Colors

Color Names

The most common methods for specifying colors are by using the color name or the hexadecimal value. Although color names are easier to remember, the hexadecimal values and RGB values provides you with more color options.
Hexadecimal values are a combination of letters and numbers. The numbers go from 0 - 9 and the letters go from A to F. When using hexadecimal color values in your HTML/CSS, you preceed the value with a hash (#). Although hexadecimal values may look a little weird at first, you'll soon get used to them.
There are 16 color names (as specified in the HTML 4.0 specification). The chart below shows these color names and their corresponding hexadecimal value.
ColorColor NameHexadecimal Value  ColorColor NameHexadecimal Value
 Black#000000   Green#008000
 Silver#c0c0c0   Lime#00ff00
 Gray#808080   Olive#808000
 White#ffffff   Yellow#ffff00
 Maroon#800000   Navy#000080
 Red#ff0000   Blue#0000ff
 Purple#800080   Teal#008080
 Fushia#ff00ff   Aqua#00ffff
You can make up your own colors by simply entering any six digit hexadecimal value (preceeded by a hash). In the following example, we're using the same code as above. The only difference is that, instead of using "blue" as the value, we're using its hexadecimal equivalent (which is #0000ff):

style="color:#0000ff">HTML Colors

This results in:

HTML Colors

If we wanted to change to a deeper blue, we could change our hexadecimal value slightly, like this:

style="color:#000069">HTML Colors

This results in:

HTML Colors

Choosing Colors - The Easy Way

By using hexadecimal or RGB color values, you have a choice of over 16 million different colors. You can start with 000000 and increment by one value all the way up to FFFFFF. Each different value represents a slightly different color.
But don't worry - you won't need to remember every single hexadecimal color! The HTML color picker and color chart make it easy for you to choose colors for your website.

0 komentar:

Poskan Komentar