Share via

Named Colors Tab, Color Picker Dialog Box

  • Article

When you choose a color swatch, a named color appears in the Color field. When you select a Basic or Additional named color, an attribute:colorname pair will be inserted into your CSS style definition when you close the Style Builder dialog box.

For example, while editing an HTML page in Design view, select the <BODY> element in the Document Outline window and choose Build Style from the Format menu. Select Background and choose the ellipsis button (...) beside the Color field to open the Color Picker dialog box. On its Named Colors tab, select the LightBlue (#add8e6) color in the bottom row. When you quit the Style Builder dialog box, the following attribute:colorname pair is inserted between the braces ( { } ) of your BODY style:

BODY { BACKGROUND-COLOR: lightblue; }
  • Color
    Displays the color name and hexadecimal RGB code for the selected color.
  • OK
    Closes the Color Picker dialog box and adds the selected attribute:colorname pair to the CSS markup that will be inserted when you quit the Style Builder dialog box.

See Also

Color Picker Dialog Box | Working with CSS Styles | Building CSS Styles | Inserting CSS Styles from the Document Styles Window | Web Palette Tab, Color Picker Dialog Box | System Colors Tab, Color Picker Dialog Box | Custom Color Tab, Color Picker Dialog Box