🎨
Advanced text tools Your privacy comes first

Color Converter (HEX, RGB, HSL)

Convert colors between HEX, RGB, and HSL with a live picker and preview. Copy any format with one click — all in your browser.

About this tool

Color Converter (HEX, RGB, HSL) — The Color Converter moves a color between the three formats web developers use most: HEX, RGB, and HSL. Pick a color or type any one format, and the others update instantly alongside a live preview swatch. Each value has its own copy button.

HEX and RGB describe the same red, green, and blue channels in different notations, while HSL (hue, saturation, lightness) is often easier for tweaking shades by hand. All conversions run locally in your browser.

How to use it

  1. Use the picker, or type a HEX, RGB, or HSL value.
  2. Watch the other formats and the preview update live.
  3. Copy the format you need for your CSS or design tool.

Frequently Asked Questions

Which formats are supported?+

HEX (including 3-digit shorthand), RGB, and HSL. Editing any one updates the others.

Does it support alpha or opacity?+

This converter focuses on solid colors across HEX, RGB, and HSL. Alpha is not included.

Is it free and private?+

Yes. It is free and runs entirely in your browser.