Photoshop Nugget: Copy Color's Hex Code

The Eyedropper tool’s contextual menuIf you’re a designer or developer, Photoshop is probably one of the cornerstone tools in your toolbox, but even if you use it every day, chances are there are a few tricks that may have slipped under your radar. For example, back in Photoshop CS4, the Eyedropper tool was given a new contextual menu item that allowed you to copy the selected color’s HTML value to your clipboard, in the format color=”#7d7e82”. In CS5, we gained the ability to copy just the color’s hex code to the clipboard, like so: 5a6e6f. So now, to quickly get colors from a mockup in Photoshop over to your code, simply choose the format that works best for you, hop over to your editing tool of choice and hit Cmd/Ctrl-V, et voila.