Using the Color Popup

The Color popup lets you change the color of an element, set the opacity of the color and specify new colors. Watch the video below for an overview of how to change your website colors using the Color popup, and read below for more detailed instructions.

To change an element color:

1. Select a color by:
   1. Clicking on an existing color in the Colors in use palette
   2. Clicking on an existing color in the W3C palette
      

      You can search for a color within the W3C palette by its name using the search bar at the top of the Color popup.

2. Optionally, specify the transparency level of the color using the alpha slider (labeled with the α symbol). The furthest right position is not transparent at all and the furthest left position is completely transparent.
   
3. Click OK.

To specify a custom color in the Color popup:

1. Click on the Custom Color tab.

   The Color Picker controls will be displayed

   
2. Specify a new color by doing the following:
   1. Drag the marker on the Hue Slider to pick a hue.
      
   2. Drag the circle inside the picker area to choose the desired color intensity.
      

   OR

   Enter the RGB values in the fields provided.

3. Click OK.