Working with Colors in the Style Editor
About Using Colors in the Style Editor
The Style Editor identifies colors by their hexadecimal values and adds two more characters at the right to identify opacity. For example, gray has a hex value of #808080. In the Style Editor, gray is shown as #808080FF. Opacity is applied to a color that is placed above another color in the user interface.
- FF means 100 percent opacity: You see only the upper color.
- 80 means 50 percent opacity: You see an even blend of the upper and lower colors.
- 00 means zero opacity: You see only the lower color.
Changing a Color Using the Color Picker
To change the current color of any item, do the following:
- Choose an item in the left pane and click its hex value link.
- Click the eyedropper icon. The application displays the color picker. See Working with the Color Picker.
Color Picker
- Select a color and click OK.
- To see the color change, click away from the hex value link. The application marks the unsaved value with a red triangle
at the left and the revert icon 
at the right.
- Click Save.
Changing a Color by Entering a Value
To change the current color of any item, do the following:
- Choose an item in the left pane and click its hex value link.
- Press Backspace to erase the current value.
- Enter a new value.
- To see the color change in the right pane, click away from the Hex Value link.
Changing a Component's Color
The application marks the unsaved value with a red triangle at the left and the revert icon at the right.
- Click Save.
Changing a Color by Copying and Pasting a Color Value
If you want to apply the color from one item to another, you can copy the color value from the source item and paste it to the target item. To change the current color of any item, do the following:
- On a source item with the color to use, select the hex value and choose Copy from the pop-up menu.
- For the target item to change, select the hex value and choose Paste from the pop-up menu.
- To see the color change in the right pane, click away from the hex value link. The application marks the unsaved value with a red triangle at the left and the revert icon at the right.
- Click Save.