TToolbox

Color Converter

Convert any CSS color between HEX, RGB and HSL with a live preview.

Result
#7A9F31
rgb(122, 159, 49) · hsl(80, 53%, 41%)

How to use this converter

  1. Type any CSS color such as HEX, RGB, HSL or a named color.
  2. Read the normalized HEX, RGB and HSL values.
  3. Watch the swatch update as you type.

Example

Entering #7a9f31 returns rgb(122, 159, 49) and hsl(80, 53%, 41%).

How it works

The browser parses the color into RGB, then the tool derives HEX and HSL values from it.

Frequently asked questions

Which color formats are accepted?

Anything CSS supports: HEX, RGB, RGBA, HSL, HSLA and named colors like "tomato".

What about alpha transparency?

This tool shows the fully opaque equivalent. Use a design tool for alpha-aware conversion.