Useful CSS Stuff

HSL (“human readable”) Colour Cheat Sheet

I've added this to a few posts now before realising it really belongs here…

I made an HSL cheat sheet in Perspective to help remember the Hue values in the human-readable HSL colour format (as opposed to the relatively human-unintelligable RGB).

And if you need help convincing why you should abandon RGB for HSL:

View Exports:

HSL Cheat Sheet.zip (27.8 KB)

I won’t* even mention the OKLCH colour model… (similar to HSL except lightness is perceptually uniform across all hues for the same LC values, but the C values are kind of weird..). The only minor downside of HSL is that between L=30% and 70%, different hues will look to have different lightness, which OKLCH solves.

HSL OKLCH Colour Cheat Sheet.zip (30.0 KB)

*too late