Color Interface

You can edit the color of a component with the Color interface.

1. Click the icon in the toolbar.
2. Click the desired color from the twenty that display when the pop-up box opens: 
   
   

   

   
   

   The selected color will be applied to the component that you are editing.

3. Click More Colors… if you want to apply a different color. The Colors dialog will open, displaying the 143 standard colors from your operating system.
   
   

   

   
   
4. Click the Custom tab to edit the HSL (Hue, Sat, Lum) or RGB (Red, Green, Blue) codes of any of the 143 standard colors, creating a custom color.
   
   

   

   
   
5. Click OK to apply the selected color to the component that is being edited.
6. Depending on the component that you are editing, the Fill Effects option is available from the pop-up interface (see step 2 above). Click this option to apply gradient colors with different styles and variants. The Fill Effects dialog will open.
   
   

   

   
   
7. Select two colors in the Start and End fields, select the Style, and click on the chosen Variant. Finally, click OK to apply the fill effect to the component which is being edited.

Using the Color animation, you can modify the color of a static object during runtime. When configuring this animation with Type = By Color, you can set the color that will be applied in the object during runtime, by the color code. The following table provides the code values as well as the RGB values for the most commonly used colors: