The color panel allows you to create or select a color to be used for text, for borders & lines, for a background or to fill an element.


Select the element or page that you want to color.


Click the color button for the aspect you want to change (fill, line, text or background)


You can either use the Swatch panel or the custom color panel to pick a color, let us first look at the swatch panel.



1. Selects the Swatch Panel

2. Selects the custom color picker

3. Cycles between the current and previously selected colors. 

4. Color Saturation Slider

5. Color Intensity Slider

6. Opacity Slider.

7. Copies the current color to the color clipboard.

8. Pasts the color currently in the color clipboard.

9. Clears the current color

10. The current colors Hex number. You can also add custom hex numbers to add a new color. 

11. Adds the current color to the swatch panel.

12. The colors currently used by the selected element. 

The Custom Color Panel

1. The color shade picker.

2. Hue, Saturation and Lightness (HSL) and Red Green Blue (RGB) sliders for making color adjustments. 

3. Toggles the sliders between HSL and RGB modes. 

4. Color opacity slider.