Color Converter

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

InputHEX, RGB, or HSL

#3b82f6

Enter a color value

Or use the color picker

Accepted formats:

#RGB, #RRGGBB, rgb(r, g, b), hsl(h, s%, l%)

Output

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CSS RGB

59 130 246

Color Details

Red

130

Green

246

Blue

217°

Hue

91%

Saturation

60%

Lightness

See the color update in real time as you type or use the native color picker.

Convert between HEX, RGB, HSL, and CSS modern syntax with a single input.

Everything runs in your browser. Your data never leaves your device.