decorative banner

Using Web-safe colors


    The Web-safe colors are the 216 colors used by browsers regardless of the platform. The browser will change all colors in the image to these colors when displaying the color on an 8-bit screen. The 216 colors are a subset of the Mac OS 8-bit color palettes. By working only with these colors, you can be sure that art you prepare for the Web will not dither on a system set to display in 256 colors.

To identify Web-safe colors in the Adobe Color Picker:

    • Click the Only Web Colors option in the lower left corner of the color picker, and then choose any color in the color picker. Any color you pick with this option selected is Web-safe.
    • Choose a color in the color picker. If you choose a non-Web color, an alert cube cube icon appears next to the color rectangle in the color picker. Click the alert cube to select the closest Web color. (If no alert cube appears, the color you chose is Web-safe.)

To select a Web-safe color using the Color palette:

  1. Click the Color palette tab, or choose Window > Color to view the Color palette.
  2. Choose an option for selecting a Web-safe color:
    • Choose Make Ramp Web Safe from the Color palette menu. With this option selected, any color you choose in the Color palette is Web-safe.
    • Choose Web Color Sliders from the Color palette menu (Photoshop), or choose any Slider option from the Color palette menu (ImageReady). By default, Web Color Sliders snap to Web-safe colors (indicated by tick marks) when you drag them. (To override Web-safe color selection, Alt-drag (Windows) or Option-drag (Mac OS) the sliders.) If you choose a non-Web color, an alert cube cube icon appears above the color ramp on the left side of the Color palette. Click the alert cube to select the closest Web color. In ImageReady, drag around the alert icon to select other close Web colors. (If no alert cube appears, the color you chose is Web-safe.)

    Note: In Photoshop, you must choose Web Color Sliders from the Color palette menu to view the Web-safe alert cube. In ImageReady, you can view the alert cube with any color slider option.