DevToolKit

RGB / HEX / HSL Color Converter

Convert a color between RGB, HEX, and HSL — whichever value you have — and preview it live. Great for picking CSS colors, tuning brand palettes, and matching design tokens.

All computations run locally in your browser, no data uploaded to server.

How To Use

  1. Fill in any one color format: HEX, RGB, or HSL.
  2. Click Convert to compute the other two formats.
  3. Live preview shows the resulting color swatch.

Usage Example

If you enter HEX:

#2563eb

The tool outputs:

RGB: 37, 99, 235
HSL: hsl(221, 83%, 53%)

Enter any one of the three and the others are filled in.

Frequently Asked Questions

Is the conversion accurate?

Yes. It uses the standard sRGB-to-HSL and HSL-to-RGB mathematical conversions, computed locally with native JavaScript.

Which formats are accepted?

HEX supports #RGB and #RRGGBB. RGB accepts r, g, b or rgb(r, g, b). HSL accepts h, s%, l% or hsl(h, s%, l%).

Is my color data sent anywhere?

No. All conversions run locally in your browser. Nothing is uploaded.