Color Converter

Convert colors between HEX, RGB and HSL with live preview.

Click to pick

HEX

RGB

rgb(108, 99, 255)

HSL

hsl(244, 100%, 69%)

HEX (full)

#6C63FF

CSS Variable

--color-primary: #6C63FF;

Tailwind closest

violet-500

Luminance

Medium (0.18)

Color Shades

💡

Humans can distinguish about 10 million colors. CSS has 140 named colors — "rebeccapurple" was added in 2014 to honor a developer's daughter.