tfoq9g
Last Updated: February 25, 2016
·
1.287K
· tuptup

Better greys with HSL

A great way to get better greys in to your designs (especially if you design in the browser) is to use Chrome dev tools. In the top right hand corner of the inspector there is a cog icon, this will allow you to choose the colour setting of the inspector. Select HSL (hue, saturation, lightness) the middle percentage is saturation.

Now you can take you primary colour palette de-saturate it (reduce the second value) and boom! You have a awesome grey palette.

Picture

Picture

3 Responses
Add your response

2250

Boom!

over 1 year ago ·
4738

I <3 HSL

over 1 year ago ·
7188

Still my favourite protip of all time.

over 1 year ago ·