Color Picker - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

In several places throughout the XSitePro software you can access the Color Picker tool.

 

This very useful little tool enables you to select a particular color for the text, background or other element for which you are adjusting settings, at the time of launching the tool.

 

Whenever you load the Color Picker you will see the following window:

 

window_color_picker

 

 

Note: The illustrations above shows the window open on the third tab: Web Colors. In some cases your window may open on the first or second tab - it depends which tab you last used (the tool remembers your last selection).

 

 

The four tabs in the window are:

 

1.

Bright Colors

2.

Dark Colors

3.

Web Colors

4.

Custom

 

 

These tabs will now be examined below:

 

 

Tab 1: Bright Colors

 

window_color_picker_tab1

 

 

This screen displays a swatch of colors that are defined as 'bright colors' of the palette. To choose a color from the selection available simply click on the color and then click the 'Ok' button.

 

The element to which this color selection applies will now update to reflect the chosen color.

 

 

Tab 2: Dark Colors

 

window_color_picker_tab2

 

 

This screen displays a swatch of colors that are defined as 'dark colors' of the available palette. To make a selection from the available colors simply click on the desired color and then click the 'Ok' button.

 

The element to which this color selection applies will now update to reflect the chosen color.

 

 

Tab 3: Web Colors

 

window_color_picker

 

 

Web colors are those colors that you can be absolutely certain will be accurately reproduced on your visitors screens when they view your site. These colors are collectively referred to as 'web colors'.

 

To choose a color from the selection available simply click on the color in the scrolling list and then click the 'Ok' button.

 

The element to which this color selection applies will now update to reflect the chosen color.

 

 

Tab 4: Custom Colors

 

window_color_picker_tab4

 

 

If the exact color you would like to use is not available in any of the three other tabs, then you may wish to specify your own custom color using this fourth tab.

 

Using the Red/Green/Blue values, or (better still) the HTML hexadecimal reference number, eg: #FFFFFF or similar you can pick the exact color you want to use for the page element in question.

 

To save this color to a custom 'palette' which will stay with your Web site for use again at a later date, click the button_color_picker_add_to_palette button. This will add this particular color to your palette and save it.

 

 

 

Once you have picked your color click the 'Ok' button. The element to which this color selection applies will now update to reflect the chosen color.

Home  Previous  Next