Choose the Eyedropper tool. Click somewhere on an open design, hold down and drag, and then you can actually sample color from anywhere on your screen.
To get the HEX code, just double click the foreground color and a window with color information will pop up. Then copy the hexidemal #123456 value (HEX code) to your clipboard.
Would you like to update this article? Please contact us at team@avocode.com
No need to buy or install Photoshop. Open layered Photoshop designs on macOS, Windows, Linux or in the browser with Avocode and pick color codes pixel precisely, inspect and much more.
Start by switching to the Color picker in the toolbar. Then click on any part of the design. If you want to be pixel perfect, hold your mouse and a mangifying glass will show up so you can position your selection.
When you've chosen the precisely pixel you're picking the color from, release the mouse button and the HEX code value will be copied to your clipboard.
NOTE: HEX color code is set by default for Web projects. If you want to change the color code format, go to Design settings/Interface. There you can choose between HEX, HEX8, HSLa, UIColor and RGBa.
Pick HEX colors from a PSD without Photoshop
Start with 7-day free trial.