hex#6366F1
rgbrgb(99, 102, 241)
hslhsl(239, 84%, 67%)
hsvhsv(239, 59%, 95%)
cmykcmyk(59%, 58%, 0%, 5%)
oklchoklch(58.54% 0.2 277.12deg)
Why HEX to HSL
- HSL output for use in CSS color() functions.
- Same panel shows HEX, RGB, HSV, CMYK, OKLCH.
Common questions
Is HEX to HSL free to use?
Yes. HEX to HSL is completely free. There is no sign up, no trial, and no usage cap.
Do I need an account to use HEX to HSL?
No. You can start using HEX to HSL straight away. We do not ask for an email address or a login.
Is my data uploaded to a server when I use HEX to HSL?
No. HEX to HSL runs entirely inside your browser, so the colors you enter never leaves your device and nothing is sent to us.
Do you store the colors I use with HEX to HSL?
No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.
Can I copy colors as HEX, RGB, or HSL?
Yes. HEX to HSL shows colors in the common formats and lets you copy the value you need with one click.
Can I use the colors from HEX to HSL in my design tool?
Absolutely. Copy the value and paste it into Figma, your code, or any other app.
How do I use HEX to HSL?
Enter or paste your colors and HEX to HSL updates the result as you go. When it looks right, copy or download it with one click.
Does HEX to HSL work on phones and tablets?
Yes. HEX to HSL is responsive and works in any modern browser on mobile, tablet, and desktop.
Which browsers does HEX to HSL support?
It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.
Is there a limit on how often I can use HEX to HSL?
No. You can use HEX to HSL as many times as you need, at no cost.
Can I use HEX to HSL for commercial or client work?
Yes. You are free to use the output in personal, educational, and commercial projects.
Why is HEX to HSL free?
The site is supported by advertising, which lets us keep every tool free and open to everyone.
What should I do if HEX to HSL gives an unexpected result?
First check that your colors is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.