tfoq9g
Last Updated: February 25, 2016
·
1.269K
· tuptup
Avatar me

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

Say Thanks
Respond

3 Responses
Add your response

2250
Avatar

Boom!

over 1 year ago ·
4738
43ea08b4fc547e8a5da87c207bea2123

I <3 HSL

over 1 year ago ·
7188
11748328e57fff12f212fb14df91cbbf

Still my favourite protip of all time.

over 1 year ago ·