|
|
Color Dialog
|
10/28/2009 11:46 AM |
|
Web Studio has two features that work with colors: the Colors dialog and the Change Color Command. This article explains the Color dialog.
The Colors dialog is used to choose color for lines, shapes, backgrounds and text that have color choices. This dialog opens automatically when you click on one of the Color Commands. You can choose from some standard colors or create customized colors of your own. The Colors dialog is always associated with a Command.
Choose basic colors in the first window
When you click on a Command that uses color, the Colors dialog opens to the first window. This window has a selection of basic colors that you may use.
- Click on any shape, line, background or text Command that gives you a color choice. The Color dialog opens.
- The color bar at the bottom of an icon shows the last color chosen for that Command.
- If you want to use one of the colors in this window, click on the color. The color is then applied to the shape, line, background or text.
- Click on More Colors to choose more color options. This opens the Colors Standard and Colors Custom dialogs.
Choose Standard or Custom colors from More Colors
Colors dialog Standard Tab
Preview: There are two sections to the Preview window: New and Current. The Current color defaults to black when you are choosing a color for a new object. When you are changing a color, it shows object’s current color. The New section shows you the color you are selecting in the Colors dialog. When you click OK, this is the color that is applied to the object.
Colors: This section contains some Standard colors. At the bottom of the Colors section, there are white, black and several grays available. To use these colors:
Select Color: When you click on this button, your cursor changes from an arrow into an eye dropper. This eye dropper allows you to capture a color that is already on the page or any color on the monitor. To use this feature:
Colors dialog Custom Tab
The New color Preview and Select color sections are the same as the ones in the Standard tab. The difference is that when you use the Custom tab, you have the ability to choose from a full range of colors and customize the colors you want to use. When you combine the color (hue), brightness (luminosity) and the saturation of colors in different combinations, you have literally hundreds of colors to choose from in this dialog box. You can find colors by clicking in the color areas or entering the RGB values of known colors to get the exact color you want.
Colors: The main color section contains a rainbow of colors. Click anywhere in the Colors area to choose a color from the full palette. The higher you click in the window, the lighter and less saturated the color will be. The lower you click in the window, the darker and more saturated the color will be. Click in a vertical line along one color from top to bottom. Notice the difference in the Preview colors and the change in the Saturation values at the bottom of the dialog box.
Luminosity Bar: Each time a color is selected, the Luminosity bar displays a range of that color from the lightest to the darkest. Click and drag the arrow on the side to move up and down the bar, or click on any color within the bar.
Hue, Saturation and Luminosity: These values are automatically filled in for the selected color. You can change these values to adjust the color. For instance, if you want to make the color a little brighter (increase the luminosity), change the number value in the Lum field.
Red, Green Blue: This area displays the RGB value of a color. If you know the RGB value of the color you desire, fill in these fields to obtain that color.
- Click on a color in this window or enter the RGB values.
- Adjust the color by clicking in the color selection windows or by changing the values in the Hue, Sat or Lum fields.
- View the color in the New color Preview window.
- Click OK to apply the color to the object.
Related words:
Change colors
See also