Color Converter & Picker

Pick a color and convert between HEX, RGB and HSL instantly, with a live swatch. Runs entirely in your browser.

📖 Read the guide: How to Convert HEX, RGB and HSL →

HEX

RGB

HSL

How it works

Pick or type a color

Use the color picker, or type a HEX, RGB or HSL value into any field.

See every format

The other formats update instantly, along with a live colour swatch.

Adjust precisely

Edit the RGB or HSL numbers directly to fine-tune the shade.

Copy

Copy the format you need straight into your CSS or design tool.

Frequently Asked Questions

What formats can I convert between?

HEX (#rrggbb), RGB (rgb(r, g, b)) and HSL (hsl(h, s%, l%)) — edit any one and the others follow.

Does it support shorthand HEX?

Yes — 3-digit HEX like #abc is expanded automatically.

Is anything sent to a server?

No — all conversion happens in your browser.

Convert colors between HEX, RGB and HSL online for free. Pick a color with the eyedropper-style picker or type any value, and the other formats update instantly with a live preview swatch. Editing the RGB or HSL numbers lets you fine-tune a shade exactly. It is perfect for CSS, design systems and matching brand colors, and it runs entirely in your browser so it is fast and private.