Developer Tool

Color converter

Convert colors between HEX, RGB, and HSL with a live picker and preview — instant and processed in your browser.

Pick or paste

Enter a color to convert.

Converted

Formats

  • HEX—
  • HEX (with alpha)—
  • RGB—
  • HSL—
All tools

Convert colors between HEX, RGB, and HSL

Paste a color in any common format — HEX, RGB, or HSL — or use the picker, and get every other format instantly with a live preview. Everything runs in your browser, so nothing is uploaded.

Supported inputs

  • HEX: #0ea5e9, shorthand #0ae, and 8-digit with alpha #0ea5e9cc.
  • RGB / RGBA: rgb(14, 165, 233) or rgb(14 165 233 / 0.8).
  • HSL / HSLA: hsl(199, 89%, 48%) or hsl(199 89% 48%).
  • Common named colors such as rebeccapurple-style basics (red, blue, teal, …).

Useful workflows

  • Translate design HEX values to HSL for consistent lightness/saturation tweaks.
  • Grab alpha-aware rgba() for CSS overlays and shadows.
  • Format your CSS afterwards with the CSS & JS minify / beautify tool.

Frequently asked questions

Does it support alpha/transparency?

Yes. 8-digit HEX and rgba()/hsla() alpha are parsed, and the alpha-aware outputs are shown when the color isn't fully opaque.

Is my data uploaded?

No. Conversion is pure client-side JavaScript — colors never leave your browser.

How is HSL rounded?

Hue is rounded to the nearest degree and saturation/lightness to the nearest percent, which matches how CSS is normally written.