What is the fastest way to copy a colour in Photoshop as HEX?


A lot of designers use Photoshop as a design and mockup tool. And in doing so, one of the last steps can be to get a lot of the colour information out so things like gradients and dynamic text can be rebuilt using HTML, CSS, Cocoa or some other language.

Sampling a colour, then opening the picker and tabbing or double clicking the HEX field, then pressing ⌘C (Mac) or Control-C (Windows) requires a few steps.

If you have a final design document and you'd like to copy lots of colours to the clipboard, what's the fastest way to do this?

7/18/2012 6:14:00 AM

Accepted Answer

The Color panel has some well hidden abilities to copy the foreground colour to the clipboard. These can be assigned to a keyboard shortcut. I use ⌥⌘C.

Copy colour keyboard shortcut

It's also possible to right click with the eyedropper tool. This is quicker if you're sampling many colours.

Eyedropper tool copy colour

7/18/2012 6:14:00 AM