[BUG-3882] Perspective colour properties not showing HSL colour in preview

Ignition
,
1

When using a human-readable colour space

(i.e. HSL - got to plug HSL where I can!! RGB colour space is far too overused and complicated. If you don’t think so, tell me what colour #2BCA95 is. Compare that to hsl(160, 65%, 48%) knowing that main colour hues (R,Y,G,C,B,M,(R)) are 60 degrees apart, you already know that it’s blue-green (G=120, C=180) with simple, brain-friendly, memorisable year 2 maths)

the colour preview doesn’t show correctly. h=260 is purple, not red as depicted. The colour in the view is ok, it’s just the preview that isn’t. The colour preview is using RGB(260, 80, 80)

image

1 Like
2

Still an issue in v8.3 :confused: Would be nice if this worked. I try to only ever use HSL since RGB is too mind boggling to modify.

1 Like
3

That's interesting to me. From my perspective [no pun intended], RGB seems so simple by comparison. Can you expand on this statement, or perhaps give an example? In other words, make me a convert to HSL?

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, etc), I can tell you exactly what colour, saturation, and brightness hsl(86, 80%, 60%) is very quickly. It’s a green with a bit of yellow, and saturation/lightness are obvious. Changing the values is child’s play. Need a bit more yellow? Just bump the H down a bit. Need another hue with the same S and L? Just change the H.

HSL is human readable and editable, once you know how the H works. It’s also extremely simple to dynamically create via expressions

RGB you can kind of guess what colour it is, but editing it is impossible, especially if you are trying to maintain hue. And dynamically creating it with an expression? Forget it

Consider that in UI development, you're mainly finding hues to use, and then playing with their saturations and lightness to get the right colours. HSL plays perfectly into that, along with all the other benefits above

3 Likes
5

:clap:t2::clap:t2::clap:t2: Nicely done! :white_check_mark:

1 Like
6

I made an HSL cheat sheet in Perspective:

image
image605×465 14.5 KB