|
Selecting Colors by Values
Selecting colors by their values ensures
precise, consistent color throughout your web page. Dreamweaver allows you
to select a color by specifying a hexadecimal, RGB, or HSL value. In this
document, you will learn how to a select a color by entering its value as
well as the values of some common colors.
 Entering
Color Values: Hex Values
Every color has a hexadecimal (hex)
value. When designing a web page, you may need to use a specific color
(e.g., the Blugold colors). To simplify the process of choosing colors and
to assure that the colors you choose are correct, you may enter a specific
color's hex value.
Color values begin with the pound symbol
( # ) and are followed by a six-digit code. Each hex color value is made
up of three 2-digit codes with each 2-digit code representing the amount
of red, green, or blue combined to create the color. A color value that
starts with 00 has no red and a color value that ends in 00 has no blue. A
color value beginning with FF has full red and a color value with FF as
its middle pair of digits has full green. For example, the hex value for
blue is "#0000FF" (no red, no green, full blue).
-
Select the desired element
-
From the Properties
pane, place your insertion point in the Color text box
-
Type the 6-digit hex value
for the desired color, beginning with the pound symbol ( # ) (e.g.,
"#FF0000")
OR
Type a standard color name (e.g., Red)
- Press [Enter]
Entering
Color Values: RGB or HSL
The acronym RGB stands for Red, Green,
and Blue. Video monitors use light to create colors according to the RGB
system. Monitors have three "guns" inside that "shoot" red, green, and
blue light to every pixel on the screen. The computer blends these three
light beams together in varying proportions to create the range of colors
displayed.
The acronym HSL stands for Hue, Saturation, and
Luminosity. Hue refers to the shade or tint of a color. Saturation refers
to how dull or vivid a color appears. Luminosity refers to the brightness
of a color.
-
Select the desired element
-
From the Properties
pane, click the appropriate color box
The Color palette appears
-
From the Color
palette, click CUSTOM COLOR
The Color dialog box appears.
-
From the Color
dialog box, in the Red, Green, and Blue text boxes,
type the desired value of each color
OR
In the Hue, Sat, and Lum text boxes, type the desired
value of each color
NOTE: As you alter the
values, you will see the color change in the Color/Solid box.
Colors
and Their Values
Here is a list of common colors and their values:
NOTE: For a
more complete list of colors and their values, as well
as a list of web safe colors, go to Web Development's
Web Color
Swatches page.
UW-Eau Claire
Colors
|
Color |
Name |
Value |
| |
|
Hex |
HSL |
RGB |
 |
Navy Blue |
00,00,66 |
160,240,48 |
0,0,102 |
 |
Old Gold |
FF,CC,00 |
32,240,120 |
255,204,0 |
Common Colors
|
Color |
Name |
Value |
| |
|
Hex |
HSL |
RGB |
 |
Blue |
00,33,CC |
150,240,96 |
0,51,204 |
 |
Green |
00,99,00 |
80,240,72 |
0,153,0 |
 |
Violet |
99,00,99 |
200,240,72 |
153,0,153 |
 |
Olive |
33,66,00 |
60,240,48 |
51,102,0 |
 |
Orange |
FF,66,00 |
16,240,120 |
255,102,0 |
 |
Pink |
FF,99,99 |
0,240,192 |
255,153,153 |
 |
Yellow |
FF,FF,66 |
40,240,168 |
255,255,102 |
 |
Red |
FF,33,33 |
0,240,144 |
255,51,51 |
 |
Purple |
66,33,99 |
180,120,96 |
102,51,153 |
 |
Medium Gray |
CC,CC,CC |
160,0,192 |
204,204,204 |
|