Color Converter (HEX, RGB, HSL)

Convert colors between HEX, RGB, HSL and named CSS colors, with live preview.

Loading tool…

How to use it

  1. Enter a color in any format: HEX (#4f46e5 or #fff), rgb(), hsl() or a CSS color name such as tomato.
  2. The preview swatch and all equivalent notations (HEX, RGB, HSL) update instantly.
  3. The nearest CSS color name is also shown, with an exact-match flag when applicable.
  4. Copy the format you prefer directly from the results list.

About this tool

Enter a color in any format and get all others instantly, including alpha-channel variants, alongside a live preview swatch and the nearest CSS color name. The conversion math (including the exact HSL hue calculation) is documented on the page.

Your input never leaves the browser: this tool works entirely offline once the page has loaded.

Frequently asked questions

Which color formats are accepted?

HEX with 3, 4, 6 or 8 digits, rgb()/rgba() (comma or space syntax, percentages allowed), hsl()/hsla(), and all 147 CSS color names including rebeccapurple.

What does "nearest CSS name" mean?

The named color with the smallest straight-line RGB distance to your color. When the distance is zero the match is flagged as exact.