Photoshop

Working with hexadecimal color values

Photoshop can display the hexadecimal values of image colors or copy a color’s hexadecimal value for use in an HTML file.

View hexadecimal color values in the Info palette:

  1. Choose Window > Info or click the Info palette tab to view the palette.
  2. Choose Palette Options from the palette menu. Under First Color Readout or Second Color Readout, choose Web Color from the Mode menu and click OK.
  3. Position the pointer over the color you want to view hexadecimal values for.

Copy a color as a hexadecimal value

You can copy the current foreground color or a color in an image as a hexadecimal value while in the main work area (not the Save For Web & Devices dialog box).

  1. Copy the color by doing one of the following:

    • Set the foreground color using the Color palette, the Swatches palette, or the Adobe Color Picker. Choose Copy Color As HTML from the Color palette menu.

    • With the Eyedropper tool selected, move the pointer over the color that you want to copy, and then right-click (Windows) or Control‑click (Mac OS) and choose Copy Color As HTML from the context menu

    The color is copied to the clipboard as the HTML COLOR attribute with the hexadecimal value (color=#xxyyzz).

  2. To paste the color into an HTML file, open the target file in an HTML editing application and choose Edit > Paste.