HSL to HEX Converter

Translate HSL values back to copy-pasteable HEX codes

Safe conversion with no data sent to server

HSL Value

Conversions

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

CMYKcmyk(76%, 47%, 0%, 4%)

Tailwindblue-500

CSS Var--color: #3B82F6;

From HSL to HEX

HSL to HEX conversion requires complex math involving intermediate steps converting to RGB first. Tools like this one make it instant, so you can prototype in HSL mentally and output the standard HEX codes required by many older codebases or design tools.