This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?
Dreamweaver has several options for applying color to text. This document will instruct how to use the Text Properties pane to apply colors to text using either a standard list of commonly used colors or by creating and using a custom color.
NOTES:
For information on how to add color to text using a Cascading Style Sheet (CSS), refer to Applying Color with CSS.
To learn more about the Text Properties pane, refer to Text Properties Pane
Color can be used to emphasize text. The Color pull-down list provides 216 web-safe colors from which to choose.
Select the desired text
The Text Properties Pane appears.
In the Text Color text box, type the hexadecimal value for the desired color
EXAMPLE: #FF0000
NOTE: For more information, refer to Selecting Colors by Values.
OR
From the Text Color pull-down list
, select the desired color
HINT: To return your text to the default color (generally black), from the Text Color pull-down list, click DEFAULT COLOR![]()
To use a color for your text that is not available from the standard color choices, you can create a custom color.
Select the desired text
The Text Properties Pane appears.
From the Text Color pull-down list
, click SYSTEM COLOR PICKER![]()
The Color dialog box appears.
In the Custom colors section, select an empty box
Using the color spectrum and gradient bar, create a color
The color appears in the Color|Solid box.
HINTS:
If this box remains white, adjust the thin gradient bar.
You may also want to adjust the Hue, Sat, Lum (HSL value) or Red, Green, and Blue (RGB value) text boxes to create a color by entering specific values. For more instruction, refer to Selecting Colors by Values.
Click ADD TO CUSTOM COLORS
The empty box you selected now contains the new custom color.
Click OK
The custom color is applied to the selected text.