How can I pick HEX color codes layers from Sketch layers?
Open a Sketch design and press CTRL + C to use the Eyedropper tool. Move around the canvas and notice that the HEX and RGBa values are changing.
You can also select a layer with a color solid/gradient fill and the Color panel will show up in the left sidebar. Once you click on the color, you can see its HEX and RGBa code values and also access Global or Document colors (swatches).
Need to export HEX color codes without Sketch? Try Avocode
No need to buy or install Sketch. Open layered Sketch 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 Sketch without Sketch
And what else is Avocode good for?
Handpick colors in HEX, HEX8, RGBa, HSLa, and UIColor code formats.
Measure sizes and distances in pt, px, dp, or rem.
Turn layer styles into CSS, iOS or Android code.
Export layers as a JPEG, PNG, WebP, SVG.
Measure sizes and distances in px, pt, dp, and rem.
Invite others to collaborate on your design and development projects.
14-day free trial, no credit card required, cancel anytime.
Get started with Avocode
Start with 14-day free trial. No credit card required.