# Useful CSS Stuff **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [September 2, 2024, 1:58am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414 "2024-09-02T01:58:19Z")\ **Posts on this page:** 1\ **Showing post:** 63
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [December 11, 2025, 2:31am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/63 "2025-12-11T02:31:18Z")
## 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: > [@\[BUG-3882\] Perspective colour properties not showing HSL colour in preview](https://forum.inductiveautomation.com/t/bug-3882-perspective-colour-properties-not-showing-hsl-colour-in-preview/49878/4): > > Say you have rgb 85, 186, 146 or #55ba92 Firstly, without looking it up, what colour is that? How bright is it? (you can get a rough idea) What kind of saturation is it? (again, rough idea) Now, I want to lower the saturation and keep the same hue. exploding_head What about changing the brightness while keeping hue? exploding_head HSL. Knowing that Saturation and Lightness are in %, and Hue is from 0 to 360deg and that each main colour is every 30 degrees (0 red, 30 orange, 60 yellow, e… ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/3/b32566a422bd59407457dba4b5b3f3964d85442b.png) View Exports: [HSL Cheat Sheet.zip](https://forum.inductiveautomation.com/uploads/short-url/t5zmywFce0rkswWMZScggxTYxpg.zip) (27.8 KB) --- _[View the full topic](https://forum.inductiveautomation.com/t/useful-css-stuff/95414)._