Save now
off all Envato Elements plans this Cyber Sale.
Get in quick!

HEX to HSL

hsl(243, 100%, 68%)
Create palette

What is HEX?

HEX is a hexadecimal notation system for representing RGB colors in web design and digital applications. It consists of a "#" symbol followed by six characters, where each pair of characters represents the intensity of red, green, and blue respectively, using values from 00 to FF. Example hex: #635BFF.

What is HSL?

HSL color model that represents colors using three components: hue (the base color), saturation (color intensity), and lightness (brightness). This model is often considered more intuitive for adjusting colors than RGB. Example HSL: (243, 100%, 68%).