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
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

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

  • More Fun with 3D

    Continue exploring the possibilities with Photoshop’s new 3D tools.

  • Reverse Restoration

    Corey shows you how to make a new photo look damaged by blending in some unusual textures.

  • 3D Background Effects

    Use Photoshop’s new 3D tools to create some dazzling background effects.

  • Striking Match, Part 2

    In the second part of this tutorial, Corey finishes creating this illustration of a striking match.

  • Layers TV: Episode 110
    New episodes are coming soon. In this old episode, RC goes start to finish through a Flash CS4 project using the new 3D tools and importing an audio file. Corey talks about the distortion features inside of Adobe Illustrator. 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-110.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110-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'); [...]
  • NVIDIA Quadro FX 4800 for Mac
    The new professional-level Quadro FX 4800 with 1.5 GB of memory brings a much-needed performance upgrade to the Mac Pro lineup.
  • Prezi
    Prezi is a Flash-based visualization, storytelling, and presentation tool that allows you to create nonlinear presentations.
  • Terry White’s New App | Printing from Lightroom 2
    Happy Thursday everyone! Just wanted to pop on in and share what’s new in the intranets: Terry White’s New Iphone App Terry white over at his techblog is usually covering all sorts of technology and letting us know what his favorite apps are for the iphone. He’s taken that love and mixed it with [...]
 

Adding Keywords to Multiple files

In Bridge, you can add keywords to images to make searching for pictures a little less cumbersome. You don’t, however, want the process to become tedious as well. By either Command-clicking (PC: Ctrl-clicking) or Shift-clicking on images, you can select multiple files inside Bridge. Once you have the files selected, you can go to the Keywords panel and turn on any keyword you like. This will apply the keyword to all of the files that you have selected. It takes away a little bit of the pain of categorization, but just a little.

Read More Tips

Tip of the Day
 
 
DVD Special
Online Training
Kelby Training