Using the Color Selector

The Color Selector is utilized when selecting:
  • Font Color
  • Table Borders
  • Table Cell Background Colors
  • Image/Picture Borders
Adding color to your website pages, creates energy, emotions and causes readers to take further action.

The color picker is used throughout the editor to change font colors, border colors, cell shading etc. This section describes how to use this color picker. Colors can be select using Red, Green and Blue combinations or Hue, Saturation and Brightness combinations.

Two Dimensional Color Picker

When you drag the white circle (this circle will turn black when over light colors) around the two dimensional space, the newly selected color will change. The colors available in this two dimensional picker will depend on which the H, S, B, R, G, B radio button is selected and the current position of the slider.


Slider

The slider will allow you to pick a value for the currently selected H, S, B, R, G, B radio button. The slider give a visual color representation of the selected value. The [IMAGE] pointers can be dragged by placing you mouse between the two arrows and dragging them up or down.


Transparent

When this is checked, no color is selected and the color of the background will show through. In the case of text, the color will be the same as the surrounding text, usually black.


Only Web Colors

When this is checked and you drag the Two Dimensional Picker around, it will snap to colors that are considered 'Web Safe'. This concept is somewhat obsolete because most modern hardware has virtually no color limitations. If you want an increased chance your sites colors will look "right" on older hardware, check this box.


Swatches

The swatches area are colors saved for your web site. The swatches that have the letter 'T'  in them are colors derived from the currently selected template.

Click on a color swatch to set the new color to the selected swatch color.

Press 'plus' to add the current color to the swatches. This newly added color will be available anytime the Color Picker is used until it's removed.

To remove a swatch...

Click on the swatch to be removed.

Click on the 'minus' button.


New Color

The New Color shows the color that will be used if you press the OK button. This color changes as you change the various values inside the color picker.


Current Color

The Current Color shows the current color of the object being modified. The New Color and Current Color block adjoin each other so a visual comparison of the old and new colors can be made.


Hue

Hue represents the position of the base color on the color wheel in degrees. This value can be from 0 to 360. If the radio button is selected, this value can be modified by the Slider mentioned above.


Saturation

Saturation represents the intensity of the current color in percentage. This value can be from 0 to 100. If the radio button is selected, this value can be modified by the Slider mentioned above.


Brightness

Brightness represents how bright the current color is in percentage. This value can be from 0 to 100. If the radio button is selected, this value can be modified with the Slider mentioned above.


Red

Red represents how much red is in a color using the 24 bit color system. This value can be from 0 to 255. If the radio button is selected, this value can be modified with the Slider mentioned above.


Green

Green represents how much green is in a color using the 24 bit color system. This value can be from 0 to 255. If the radio button is selected, this value can be modified with the Slider mentioned above.


Blue

Blue represent how much blue is in a color using the 24 bit color system. This value can be from 0 to 255. If the radio button is selected, this value can be modified with the Slider mentioned above.


RGB Hex

Web colors are often represented as a Hexadecimal value. You can put a RGB Hex value in this box. It's beyond the scope of this document to describe in detail how Hexadecimal RGB representations of color work. There is a lot of tutorial information on this subject on the Internet.



[IMAGE]