Blogs

Tools

Quick Links

Mridul.tech

Hex to HSL Color Converter

Convert Hex to HSL color codes. Enter Hex values and get the corresponding HSL color code.

Preview Color:

Swap

HSL Color Code

Hex to HSL color table

ColorNamehexhsl
Black#000000(0,0%,0%)
White#FFFFFF(0,0%,100%)
Red#FF0000(0,100%,50%)
Lime#00FF00(120,100%,50%)
Blue#0000FF(240,100%,50%)
Yellow#FFFF00(60,100%,50%)
Cyan#00FFFF(180,100%,50%)
Magenta#FF00FF(300,100%,50%)
Silver#C0C0C0(0,0%,75%)
Gray#808080(0,0%,50%)
Maroon#800000(0,100%,50%)
Olive#808000(60,100%,50%)
Green#008000(120,100%,50%)
Purple#800080(300,100%,50%)
Teal#008080(180,100%,50%)
Navy#000080(240,100%,50%)

Do you want more articles on React, Next.js, Tailwind CSS, and JavaScript?

Subscribe to my newsletter to receive articles straight in your inbox.

If you like my work and want to support me, consider buying me a coffee.

Buy Me A Coffee

Contact Me ☎️

Discuss A Project Or Just Want To Say Hi?
My Inbox Is Open For All.

Mail : contact@mridul.tech

Connect with me on Social Media

Contact Art