Sponsored by the National Association of Photoshop Professionals. Learn More

Getting To The Hexadecimal Code

 

As you may know, there are hexadecimal codes for the colors used in webpages. Not only does Photoshop know these hexadecimal codes, it can extract them from an image and let you paste them into your HTML code editor. First, press the letter I to switch to the Eyedropper tool, and then hold the Control key (PC: Right-click) and click on a color within your image. A contextual menu will appear where you can choose Copy Color as HTML. Now you can switch to your HTML editor and choose Paste to copy the HTML code into your app.

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Furl
  • NewsVine
  • Pownce
  • Technorati
  • TwitThis
  • BlinkList
  • Design Float
  • Ma.gnolia
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon

1 Comment

  1. Wakkos said on — October 3, 2008 @ 10:23 pm

    lol! no more open colour palette to copy the hexadecimal code!

    Nice one there xD

RSS feed for comments on this post. TrackBack URI

Leave a comment

Photoshop Tutorials

  • Ice Age Acorn

    Corey has a special extended tutorial on illustrating the Ice Age acorn.

  • Transformers, Part 2

    In part two of this tutorial, Corey finishes the Transformers logo he began last week.

  • Transformers, Part 1

    In this two-part tutorial, Corey begins creating the Transformers logo from this summer’s upcoming blockbuster.

  • Planet Works

    Corey uses the new 3D features in Photoshop CS4 Extended to re-create the DreamWorks animated title.

  • Digital Video Solutions: Troubleshooting
    Some common problems that can occur after upgrading your video-editing application may include a frozen screen, frozen cursor, flickering dialog, completely blank dialog, or a number of error messages.
  • Layers TV: Episode 94
    Corey has a tutorial showing how to wrap a graphic around a 3D object in Adobe Illustrator. RC tries to clear up some of the confusion about using the Pen tool in Illustrator and Photoshop. You can download each episode by subscribing to the podcast on iTunes. var so = new SWFObject('http://media.kelbymediagroup.com/players/player.swf','mpl','500','300','7'); so.addParam('allowfullscreen','true'); // so.addVariable('type','rtmp'); so.addVariable('file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-94.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-94-hd.mp4'); so.addVariable('hd.state','false'); so.addVariable('image','http://www.layersmagazine.com/images/layerstv-logo.jpg'); so.addVariable('height','300'); so.addVariable('width','500'); so.addVariable('autostart','false'); so.addVariable("backcolor","0x000000"); so.addVariable("frontcolor","0xF1F1F1"); so.addVariable("lightcolor","0xF88E21"); so.addVariable("quality","100"); so.write('player'); Thank you [...]
  • The Digital Camera: Compact-camera Shooter
    I took most of the photographs in this article with my Canon PowerShot G10 compact camera to see if I could get good shots with a basic camera.
  • Using Adobe Exchange
    Adobe Exchange is a free resource on the Adobe website for adding features to your Adobe applications.
 

Invert to Alpha

When working with vector - created art and the source art is unavailable, modifying the art to create a logo can be a pain, to say the least—particularly when it’s flattened and the background needs to be knocked out.  A careful combination of Invert (Command - I [PC: Ctrl - I]), Color Balance (Command - B [PC: Ctrl - B]), and layer Blending Options (Control-click [PC: Right-click] the layer name) can yield simple background knockouts of one- or two-color logos without making a mess.

Read More Tips

Tip of the Day
 
 
DVD Special
Online Training
Kelby Training