HSL / HSLA color value
Hi there,
I usually use hsl color in CSS.
Thanks to awesome Design Spec, It's piece of cake to get the hsl value.
But the problem is the way to reflect the changes to XD files.
Let me tell you a story.
A designer publish Design Spec, which use RGB(240, 156, 30) as their site's brand color.
Then, a coder get the color as hsla(36, 87%, 52%, 1) and make a mockup.
Then, members review it and the product owner say,
"The brand color seems less attractive than I expected..."
Awful, why he didn't point out it before, at least when he reviewed XD prototype? But this kind of things are very familiar for us.
Then, the coder start to adjust it with inspector and say
"Okay how about this one? I made it lighter."
"Awesome! This is it!"
So, they change their brand color from hsla(36, 87%, 52%, 1) to hsla(36, 87%, 62%, 1) and designer update the XD documents.
But who convert hsla to rgba?
This kind of problem make us bothered and easily break the color consistency, further more the site consistency.
That's why I wanna directly set the hsl value in XD.
Best.
Naruhito Kubota
shared this idea
6 comments
-
Evan Richards
commented
This would be very helpful
-
Robert Thompson
commented
This needs to be a thing and fast.
-
Murray
commented
Yes please!
-
Anonymous
commented
I really need this as well.
-
Cyril
commented
Hell yeah! Why is HSL still not supported? It's really important for web design. Please add it quickly.
-
Naazira
commented
I pick colours in HSL too. I also have a guide and formula for non-designers to pick colors, with or without code, in HSL that is dynamic but is consistent with our design system.
I don't use HSB values because we can't define HSB values on the web... We can only code hsla in css.
Plus HSB and HSL is different. It's noticeably different in the brighter and lighter scales which violates our brand colour guidelines.
And it takes too much time to repeatedly convert HSL colours to RGB in XD... :(