While editing text, you can change the text colour and highlight colour. To do this, select the text and move the mouse over the Text colour button on the toolbar, as shown in figure 1. When the mouse is over the button, a panel drops down showing the current colours.
The current text colour and highlight colour are shown using colour swatches — small squares of the colours. The text starting with a # after the colour swatch is a hexadecimal colour code (or hex code), which is a unique description of the colour. Every colour a computer can display has a hexadecimal colour code, and they are useful if you need to describe a precise colour to one of our designers.
Click on one of the swatches to open the colour picker window, as shown in figure 2.
Click on a colour swatch to select it. Click Cancel to return to the page without changing the colour.
You can add more colours to the colour picker using the Colours panel.