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

Home > Articles > Design > Voices That Matter

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

Colors and Windows

Windows users have a single, difficult dialog box to deal with, whereas Mac users get seven different user-friendly options for choosing color. Sorry, folks, that's the way it is.

To use the System color picker (Windows):

  1. Open the color picker (Figure 3.55) by clicking on any color button.

    Figure 3.55Figure 3.55 Click on the Color Wheel button on the color picker to open the System color picker.

  2. On the color picker, click on the Color wheel button. The Color dialog box will appear (Figure 3.56).

    Figure 3.56Figure 3.56 The Color dialog box. (1) Select a predefined color, or select an empty Custom Colors box. (2) Select a hue and (3) a shade. (4) click on the Color|Solid box and (5) click on Add to Custom Colors. (6) Click on the color if it isn't selected, and then click OK.

  3. You can choose one of the preselected colors by clicking on it, or you can select a slot for a custom color by first clicking on one of the Custom Colors boxes at the left of the dialog box.

  4. Click on a hue (color) in the large colors box, and then click on a shade (lighter or darker) in the narrow panel to the right of that. The combination of your clicks will be displayed in the Color|Solid box.

  5. To select this color, click the Add to Custom Colors button. Your color will appear in the box you selected in step 3.

  6. Click OK to close the Color dialog box. The hex code for the color you chose will appear in the Color text box.


You can also type the name of a color, such as red or silver, in a color text box.

Color-Pickin' Tips

  • When you open the color picker (Figure 3.55), the mouse pointer turns into an eyedropper that you can use to select a color inside or outside the color picker.

  • If you have the color picker open and decide that you'd rather not change the color just now, click on the Default Color button to return the color value to default, or press Esc to close with no change.

  • Read the sidebar called Browser-Safe Colors, later in this chapter, to find out more.

  • + Share This
  • 🔖 Save To Your Account