Head First HTML with CSS

How do I specify Web colors?
Let me count the ways...
CSS gives you a few ways to specify colors. You can specify the
name of a color, specify a color in terms of its relative percentages
in red, green and blue, or you can specify your color using a hex
code, which is shorthand for describing the red, green, and blue
components of the color.
While you might think that the Web would have decided on one
format by now, all these formats are commonly used, so it’s good
to know about them all. However, hex codes are by far the most
common way of specifying Web colors. But, remember that all
these ways of specifying color ultimately just tell the browser the
amount of red, green, and blue that goes into a color.
Let’s work through each method of specifying colors in CSS.
Specify color by name
The most straightforward way to describe a color in CSS is just to use
its name. But, as you know, there are only seventeen colors that can
be specified this way. Let’s say you want to specify the color “silver”
as the background color of a body element; here’s how you write
that in CSS:
body {
background-color: silver;
}
Here’s the body rule. And the background-color
property.
And the color
written as a name.
So, to specify a color by name, just type the color name as the
value of the property. CSS color names are case-insensitive, so you
can type silver, Silver, or SILVER and all will work. Here are the
seventeen predefined colors in CSS. Remember these are just names
for predefined amounts of red, green, and blue.
Color in a book happens by light bouncing off the printed page.
On a computer, the light is emitted by the screen, so these
colors will look slightly different in your Web pages.
styling with fonts and colors
Aqua
Blue
Gray
Lime
Navy
Orange
Red
Teal
Yellow
Black
Fuchsia
Green
Maroon
Olive
Purple
Silver
White
you are here 367