Jump to content

HSL input values - Avenue template

Recommended Posts


Newbie here - I'm on the Avenue template and it looks like I don't have the 'Color' menu from 'Design.'

I'm trying to change text color with site styles, but the HSL values I'm inputting from Photoshop are consistently showing really washed out colors. I've also tried using color-hex.com but nothing that I input is showing the right color. I also tried the input that Photoshop displayed with 'only web colors' checked.

What am I missing here? I'm definitely not a web or graphic designer! 🙂

Thanks so much! 



Link to comment
  • Replies 3
  • Views 2.3k
  • Created
  • Last Reply

Ahh - try inputing the Photoshop HSB values ie. 39, 78, 78.  The "L"  in LAB is a different colour system, and you can't mix values between colour systems. 

Photoshop's HSB and SS HSL are very similar so it should work.

  • HSB - Hue Saturation Brightness 
  • HSL - Hue Saturation Lightness/Luminosity 

Also - ensure your Photoshop is set to RGB....  Image > Mode > RGB. If it's set to CMYK bright colours can flatten out.



Digital & Communications Director
Marine Megafauna Foundation

I like big fish and I cannot lie.

Link to comment

Hey thanks! That website did help a bit - I love that you can tweak the output! 

Mystery solved! My Photoshop doc was one of my print files so thank you so much - huge DUH moment for me!! 🙂 I had tried the brightness value too with no luck, but the CMYK mode is the culprit! 

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.