Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Flash

  • Print
  • + Share This
This chapter is from the book

Creating Solid Colors: Color Picker

In addition to creating colors in the Color Mixer panel, you can create colors in the Color Picker window (Mac) or Color window (Windows). In the Macintosh operating systems, this window offers a variety of Color Pickers. In Mac OS 9, you can choose among CMYK, Crayon (a set of swatches that look like crayons), HLS (hue, lightness, and saturation), HSV (hue, saturation, and value), HTML, and RGB. OS X offers CMYK, Crayon, HSV, Name (a set of swatches keyed to hex colors), and RGB.

To access the Color Picker:

  1. In the Toolbox or Color Mixer panel, click the fill-color or stroke-color box.

    A set of color swatches pops up.

  2. Click the Color Picker button (Figure 3.95).

    Figure 95Figure 3.95 The Color Picker button appears in most of the swatch sets that you access via the fill- or stroke-color box.

    The Color Picker (Mac) or Color (Windows) window appears (Figure 3.96).

    Figure 96Figure 3.96 Mac OS9's Color Picker window (top) offers six Color Pickers. Mac OS X's offers five (middle). Each picker has a set of sliders and value boxes or visual representations of the color space. In Windows, you define a color by entering HLS and RGB values or selecting colors from the color-space window in the Color window (bottom).


    If you open a color box and can't seem to find the Color Picker button, keep this tip in mind: The fill- and stroke-color boxes in the Toolbox and in the Color Mixer panel provide access to the Color Picker window, but the fill- and stroke-color boxes that appear in the Property Inspector do not.

To define a new fill color with the HSV Picker (Mac):

  1. Access the Color Picker from a fill-color box.

  2. From the scrolling list on the left side of the window, choose HSV Picker.

    The main portion of the window displays a circular representation of the HSV color space, as well as the appropriate sliders and fields.

  3. To set a new value, do one of the following:

    • Drag the Value slider to a percentage larger than 0.

    • Enter a number greater than 0 in the Value field.

  4. To define the new color, do one of the following:

    • Enter new values in the Hue Angle, Saturation, and Value fields.

    • Click and drag the crosshair cursor in the color space.

  5. Click OK.

    Flash updates the fill-color box in the Toolbox and relevant panels.


    • The color that is current in the fill-color box is the color that appears in the Color Picker (Mac) or Color (Windows) window that you open. If that fill-color box is set to black, the color space or color preview will appear as solid black. To see hues in the window, you must change the appropriate setting

    • In the HSV Picker (Mac), for example, you must change the Value setting. In the Color window (Windows), you must change the Luminosity setting. A similar problem occurs in the Color window (Windows) if white is the selected color when you access the Color window.

To define a new fill color in the Color window (Windows):

  1. Access the Color window from a fill-color box.

  2. To set luminosity, do one of the following:

    • Drag the luminosity slider at the right side of the color-space window to the desired luminosity.

    • Enter a value in the Lum field.

  3. To define a new color, do one of the following:

    • To define a new color numerically, in the Hue and Saturation (or Red, Green, and Blue) fields, enter the values for your new color.

    • To define a new color visually, click the color-space window. The crosshair cursor moves to the spot you clicked, and Flash updates the color values in the HLS and RGB fields.

  4. Click OK.

    Flash updates the fill-color box in the Toolbox and relevant panels..


    You can ensure that your new color is safe for Web use. In Mac OS 9, define the color by using the HTML Picker in the Color Picker window. Check Snap to Web Color. Flash finds the nearest match for your color from the 216 Web-safe colors (Figure 3.97). In Mac OS X, choose the Name Color Picker in the Color Picker window. You get a scrolling list of Web-safe swatches. In Windows, set your monitor to display 256 colors. The Color window then displays the current color in a split window; half of the window shows a dithered swatch, and the other half shows a solid swatch. Double-click the solid swatch to force Flash to make the color solid—in other words, Web-safe.

    Figure 97Figure 3.97 In Mac OS 9, define a new Web-safe color by using the HTML Picker in the Color Picker window (top). When Snap to Web Color is checked, Flash restricts the sliders to creating Web-safe combinations. In Mac OS X, use the Name color picker; all the choices are Web safe (middle). In Windows, define Web-safe colors in the Color window (bottom). Double-clicking the Solid area of the current-color swatch forces the crosshair to the nearest color that can be represented without dithering.

  • + Share This
  • 🔖 Save To Your Account