Head First HTML with CSS

using a photo editor for web colors
Putting it all together
You’ve now got a few different ways to specify colors. Take our orange
color that is made up of 80% red, 40% green, and 0% blue. In CSS
we could specify this color in any of these ways:
body {
}
body {
}
body {
}
How to find Web colors
372 Chapter 9
background-color: rgb(80%, 40%, 0%);
background-color: rgb(204, 102, 0);
background-color: #cc6600;
Specify by the percentage
of red, green and blue.
Specify the amount of red, green and
blue on the scale 0-255.
Specify using a compact hex code.
The two most common ways to find Web colors are to use a color chart or an
application like Photoshop Elements. You’ll also find a number of Web pages
that allow you to choose Web colors and translate between rgb and hex codes.
Let’s check out Photoshop Elements (most photo-editing applications offer the
same functionality).
Most photo-editing
applications provide a Color
Picker that allows you to
visually choose your color
by using one or more color
spectrums.
Color Pickers also
allow you to select
only “Web safe” colors.
We’ll talk about this
in a sec.
80% Red 0% Blue
40% Green
Once you’ve picked
a color, the Color
Picker will show
you the color as
both rgb values and
a hex code.