Copying colors as hexadecimal values


    You can copy colors as hexadecimal values from files in Photoshop or ImageReady, using the context menu with the Eyedropper tool, or using menu commands. In Photoshop, you copy a color as a hexadecimal value while in the main work area (not the Save for Web dialog box).

To copy a color as a hexadecimal value using the Eyedropper tool:

  1. Select the Eyedropper tool Eyedropper tool in the toolbox.
  2. Select a color to copy:
    • Right-click (Windows) or Control-click (Mac OS) a color in the image to select the color and view the Eyedropper tool context menu.
    • (ImageReady) Click the color in the image that you want to copy. The color you click becomes the foreground color. With the Eyedropper tool still over the image, right-click (Windows) or Control-click (Mac OS) to view the Eyedropper tool context menu.
  3. Choose Copy Color as HTML (Photoshop) or Copy Foreground Color as HTML (ImageReady) from the Eyedropper tool context menu.
  4. The selected color is copied to the Clipboard as the HTML COLOR attribute with the hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, choose Edit > Paste with the HTML file displayed in your HTML editing application.

To copy a color as a hexadecimal value using menu commands:

  1. Select a color to copy.
  2. Copy the color by doing one of the following:
    • Choose Copy Color As HTML from the Color palette menu.
    • (ImageReady) Choose Edit > Copy Foreground Color as HTML.

    The foreground color is copied to the Clipboard as the HTML COLOR attribute with the hexadecimal value (COLOR=#XXYYZZ). To paste the color into an HTML file, open a destination application and choose Copy > Paste with the HTML file displayed.

To copy a color as a hexadecimal value by dragging (ImageReady):

    Drag the Foreground Color from the toolbox, or a selected color from the Color Table palette or the Swatches palette, into the HTML file in the destination application.

    Note: This feature is not supported by all text and HTML editing applications.



How To Tips Learning Photoshop CS What's New in Photoshop CS Looking at the Work Area Getting Images into Photoshop and ImageReady Producing Consistent Color (Photoshop) Working with Color
Making Color and Tonal Adjustments Selecting Transforming and Retouching Drawing Painting Using Channels Using Layers
Applying Filters for Special Effects Using Type Designing Web Pages Creating Complex Web Graphics (ImageReady) Preparing Graphics for the Web Saving and Exporting Images Printing (Photoshop)
Automating Tasks Keyboard Shortcuts Tutorials Legal Notices Site Map    

Website Design
Website Maintenance
Graphic Design
Content Development
Website Redesign
Freelance Website Design
eCommerce Web Design
Content Management

Website Hosting
Get a Domain Name
Search Engine Optimization
Email Marketing

Adobe Illustrator Tutorials

About Me
View My Portfolio
FAQ
Contacts
Useful Links
Add Link
Articles

Link Partners: 3Ds Max Tutorials | Character Studio - Tutorials | Wholesale Electronics

© 1998 - 2004 Freelance Web Designer