How can I pick HSLa color codes layers from Photoshop layers?

Export pictures from Photoshop and save individual PSD layers, layer groups and artboards as JPEG.

NOTE: The JPEG image format doesn't support transparency (alpha channel).


Would you like to update this article? Please contact us at team@avocode.com

Get 3 pro-tips to export image assets faster

Do you want to export image assets from design files without design tools? Or turn layer styles to code just by clicking? We put together 3 tips to speed up your work.

By subscribing, you agree to receive emails about Avocode content, updates and offers. You can unsubscribe any time.

Learn more

Need to export HSLa color codes without Photoshop? Try Avocode

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 HSLa code value will be copied to your clipboard.

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 HSLa colors from a PSD without Photoshop

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.