This documentation is archived and is not being maintained.

Color Dialog Box

The Color and More Colors dialog boxes enable you to create CSS style rules that apply color to the foreground or background of page elements. You can select a named color or create a color by entering HSL or RGB values.

You access the Colors dialog box by clicking the Custom button in the More Colors dialog box. You access the More Colors dialog box by using the following methods:

  • In Design view, in the Format menu, click Foreground Color or Background Color.

  • In the New Style dialog box, in the Color list, select More Colors... .

  • In Design view, select the control or element, select its Style property in the Properties window, and then click the ellipsis button (...).

If the page element does not have any CSS rules applied to it, the style rule is created as an inline style. If a CSS style rule exists for the page element, the style information is written to the existing style rule.


Inline style rules override style rules that are in a style element on the page or style rules that are in an external CSS file.

You can create custom colors by using the Color dialog box.


A custom color is displayed by using your monitor's display settings. It can look different on another user's monitor. You might reserve custom colors for use in Web projects that are designed for groups of users who use the same (or predictable) display settings.

To create a custom color

  1. In the More Colors dialog box, click Custom... .

    The Color dialog box is displayed.

  2. Do one of the following:

    • Use the color matrix and the saturation gradient to create a color by clicking inside the matrix. Then use the saturation gradient pointer to select a saturation level.

    • Enter the HSL or RGB values for the custom color.

    The custom color is displayed in the Color/Solid box.

  3. If you want to create more colors, click Add to Custom Colors to add the color to the Custom colors palette. You can then repeat step 2 to create other colors.

  4. Click OK to assign the color to the page element that you have selected on the page.


Displays the hexadecimal RGB code for the selected color.


Displays the color name if the color has one.


Opens the Color dialog box, which enables you to select a color or create a palette of colors


Changes the pointer to an eyedropper tool that enables you to select any color on the screen and then assign it to a page element.


Displays the color that is selected in the dialog box, but which has not yet been assigned to the page element.


Displays the color that is currently assigned to the page element.