Blogs

Tools

Quick Links

Mridul.tech

HSL to Hex Color Converter

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

Preview Color:

Swap

HSL Color Code

HEX Color Code

HSL to Hex color table

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

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