Monday, January 15, 2018

website design - 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?



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


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...