What color formats does this tool support?

The color picker displays your selected color in HEX, RGB, and HSL formats simultaneously, updating in real-time as you change the color.

Can I type a HEX code directly?

Yes. You can either use the visual color picker or type a HEX code directly into the text input field.

Click the copy button next to any color format (HEX, RGB, or HSL) to copy the value to your clipboard.

No. All color conversions happen locally in your browser. Nothing is sent to any server.

Pick a color and get its HEX, RGB, and HSL values instantly.

#166BF5

HEX

#166BF5

RGB

rgb(22, 107, 245)

HSL

hsl(217, 92%, 52%)

Step 1

Click the color picker or type a HEX code to choose a color.

Step 2

View the live color preview swatch above.

Step 3

See the HEX, RGB, and HSL values update in real-time.

Step 4

Click the copy button next to any value to copy it.

Real-time color conversion between HEX, RGB, and HSL.

Large color preview swatch for accurate visual reference.

One-click copy for each color format.

Direct HEX code text input for precise color entry.

Completely free with no sign-up required.

: The color picker displays your selected color in HEX, RGB, and HSL formats simultaneously, updating in real-time as you change the color.
: Yes. You can either use the visual color picker or type a HEX code directly into the text input field.
: Click the copy button next to any color format (HEX, RGB, or HSL) to copy the value to your clipboard.
: No. All color conversions happen locally in your browser. Nothing is sent to any server.