Which color formats are supported?

HEX (#rgb and #rrggbb), rgb()/rgba(), and hsl()/hsla(). The input is auto-detected — just paste any value.

Are alpha values supported?

The parser accepts rgba()/hsla() syntax but treats alpha as 100% in the output. Use the alpha shown in the metrics panel as a reference.

Yes — 100% client-side. Once the page has loaded you can disconnect from the internet and keep converting.

Yes. Copy the value from your design tool, paste it in, and the converter normalises it to all three formats.

Convert HEX ↔ RGB ↔ HSL live with one click. No uploads.

100% private — no uploads Design & CSS ToolsFree & unlimited Read tutorial

Watch a quick simulation of this tool in action — no file needed.

Follow these steps — everything happens instantly in your browser.

1
Step 1. Type any color value — #14b8a6, rgb(20,184,166) or hsl(173,80%,36%) — into the input.
2
Step 2. See the live conversion to HEX, RGB and HSL with copy buttons next to each.
3
Step 3. Use the color picker to fine-tune visually if you prefer.
4
Step 4. Copy any format with a single click.