Convert RGB/HSL and others into HEX codes in the Design panel

Currently, if I have a HSL or HSLA color value, I can’t paste it in anywhere, all I can do is copy all the subvalues in the color picker. Just like it is already implemented with RGBA under CSS, it’d be great to see that field accepting colors expressed in other color spaces.

Here’s an example, the HSLA value is hsla(212,81%,23%,0.18)