Share via

Web Palette Tab, Color Picker Dialog Box

  • Article

When you select a color swatch, its hexadecimal RGB code appears in the Color field and the selected attribute:RGBcolor pair will be inserted into your CSS style definition when you close the Style Builder dialog box. The colors on this tab are all displayed consistently in Web browsers.

For example, while editing an HTML page in Design view, select the <BODY> element in the Document Outline window and choose Build Style on the Format menu. Select Background and choose the ellipsis button (...) beside the Color field to open the Color Picker dialog box. On its Web Palette tab, choose a light blue color swatch. When you quit the Style Builder dialog box, an attribute:color pair like the following is inserted between the braces ( { } ) of your BODY style:

BODY { BACKGROUND-COLOR: #99ffff; }
  • Color
    Displays the hexadecimal RGB code for the selected color.
  • OK
    Closes the Color Picker dialog box and adds the selected attribute:RGBcolor 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 | Named Colors Tab, Color Picker Dialog Box | System Colors Tab, Color Picker Dialog Box | Custom Color Tab, Color Picker Dialog Box