ToolRoof

Color & design

HEX, RGB & HSL converter

Pick a color visually or convert HEX, RGB and HSL codes in either direction.

Processed locally

Drag in the panel or use the sliders. HEX, RGB and HSL fields update the same color.

Result
HEX
#4F46E5
RGB
rgb(79 70 229)
HSL
hsl(243.4 75.36% 58.63%)
Help and method

Enter HEX, RGB or HSL, or adjust the visual picker. RGB channels use 0–255; HSL hue is an angle and saturation/lightness are percentages. Opaque sRGB colors only; alpha is not supported.

Methods and reliability

Worked example

An example you can try or adapt to your own values.

HEX color
#FF0000

Result

RGB: rgb(255 0 0) HSL: hsl(0 100% 50%)

Try these inputs