Add a way to change from hex to hsl or other color formats.

[Blankeos]

For most websites, especially Tailwind, it's ideal to turn the color variables into HSL format.

Because of the flexibility to use classes like: bg-primary-500/20 (primary color but at 50% opacity). This is only possible if the colors are in HSL.

Basically:

/* app.css */
:root {
  --primary: 206 73% 64%
}

// tailwind.config.js
{
  primary: 'hsl(var(--primary) / <alpha-value>)';
}

I mostly learned about this from configuring Shadcn.

I currently use this for conversions: https://www.shadcn-svelte.com/docs/theming. But it'd be cool if there was just a button on your site to do it.