🎨Color Converter

Convert between HEX, RGB, and HSL colors

Enter any color (HEX, RGB, HSL, name)

HEX

#3b82f6

RGB

rgb(59, 130, 246)

R: 59 G: 130 B: 246

HSL

hsl(217, 91%, 60%)

H: 217 S: 91% L: 60%

What is Color Converter?

Color Converter instantly converts between popular color formats — HEX, RGB, and HSL. It is useful during web development or UI design when you need to turn a HEX code from a design tool into a CSS rgb() or hsl() value, or when you want to find the exact numbers behind a color name like blue or tomato.

How to Use

Type a color value into the input field. HEX (#3b82f6), RGB (rgb(59,130,246)), HSL, and color names are all supported.
Alternatively, click the color picker on the right to choose a color visually.
The converted HEX, RGB, and HSL values appear below. Click the copy button next to each format to copy it instantly.