HSL keeps the hue while you change how light or vivid a colour is.

Where are my colours and images worked on?

In your browser, on your device. Colours you type and images you open stay with you.

Does it work offline?

Yes. Once this page has loaded, it keeps working without an internet connection.

Turn a HEX colour into HSL, easier to tweak by hand.

Type or paste any colour

HEX, RGB, HSL, HWB, OKLCH, OKLab, CMYK, names, or just 30 144 255.

#1e90ffdodgerblue

On white 3.23:1On black 6.48:1

HSLhsl(210, 100%, 56%)

HEX#1e90ff

RGBrgb(30, 144, 255)

HSV / HSBhsv(210, 88%, 100%)

HWBhwb(210 12% 0%)

CMYKcmyk(88%, 44%, 0%, 0%)

OKLCHoklch(65.2% 0.19 253.2)

OKLaboklab(65.2% -0.055 -0.182)

Linear RGBcolor(srgb-linear 0.013 0.2789 1)

Nearest namedodgerblue

Good to know: HSL keeps the hue while you change how light or vivid a colour is.
Where are my colours and images worked on?: In your browser, on your device. Colours you type and images you open stay with you.
Does it work offline?: Yes. Once this page has loaded, it keeps working without an internet connection.

Ready-made settings for common jobs.

More tools for working with colour.

Blend two colours

Schemes and random

WCAG AA and AAA

Linear, radial, conic

50–950 scale