— Encoders & generators

Color Converter (HEX, RGB, HSL)

Paste a HEX, RGB or HSL color — or pick one — and get every format back, with a live swatch and one-click copy.

— What it does

The Color Converter is a free tool that converts a color between HEX, RGB and HSL formats. Enter a value in any of those notations (3- or 6-digit HEX, rgb()/rgba(), or hsl()/hsla()), or use the native color picker, and it instantly shows the equivalent HEX, RGB and HSL strings alongside a live color swatch. All parsing and math happen locally in your browser.

  • Accepts 3- and 6-digit HEX, rgb()/rgba(), and hsl()/hsla() input.
  • Outputs HEX, RGB and HSL together with a live color swatch preview.
  • Native color picker drives the converter, and every format has a copy button.
  • Runs entirely in your browser — nothing you enter is uploaded.

How to use it

1

Enter or pick a color

Type a HEX, RGB or HSL value into the box, or click the color picker to choose one visually.

2

See every format

The HEX, RGB and HSL equivalents update live, along with a swatch showing the exact color.

3

Copy the value you need

Use the copy button next to any format to drop the code straight into your CSS or design tool.

Frequently asked

Which color formats can I paste in?
HEX in 3- or 6-digit form (with or without the # sign), rgb() and rgba(), and hsl() and hsla(). Alpha is parsed but the converted outputs show the opaque color.
How is HEX converted to HSL?
The HEX is parsed to red, green and blue channels, normalized to 0–1, then converted to hue, saturation and lightness using the standard RGB-to-HSL formula. The reverse conversion is used for HSL input.
Why does my entered value round slightly?
RGB and HSL use different precision, so converting between them can shift a value by one unit. The swatch always shows the exact parsed color so you can verify it visually.
Is my color data sent anywhere?
No. All conversion runs locally in your browser with JavaScript. Nothing you type or pick is uploaded to a server or stored.

Related tools

Number Base Converter

Enter a number in binary, octal, decimal or hex and see it in all four bases at once — with big-integer precision.

Open tool →

Password Generator

Create strong, random passwords with full control over length and character sets — built from your browser’s cryptographic randomness.

Open tool →

Unix Timestamp Converter

Turn epoch seconds or milliseconds into a readable date — and any date back into a Unix timestamp — with UTC, local and ISO output.

Open tool →

← All free tools

— Built by saavos

These tools are free. So is the first version of your agent.

saavos is the AI agent that lives on your website — themed to match your design, answering visitors from your own content, and telling you what they actually want to know. Paste your URL and see it answer, before you install anything.

Make my site feel alive