Color Converter

Convert a color between HEX, RGB and HSL. Type any format or pick from the swatch and copy the others instantly, with a live preview. Fast and private, all in your browser.

Hex, RGB and HSL

Type a color in any common format (hex such as #309d4a, rgb(48, 157, 74) or hsl(134, 53%, 40%)) or pick one with the swatch. It is converted to every other format, ready to copy. HEX is compact and used in CSS and design tools; RGB maps directly to screen channels; HSL describes hue, saturation and lightness, which makes it easy to tweak a color by feel.

All conversion runs in your browser; nothing is uploaded.

What this does

A color converter changes a color between HEX, RGB and HSL, with a live preview, so you can copy any format instantly.

How to use it

  1. Type a color or pick from the swatch.
  2. Read the HEX, RGB and HSL values.
  3. Copy the format you need.
  4. Preview the color live.

How it works

RGB describes a color by its red, green and blue channels, matching how screens emit light, while HSL uses hue, saturation and lightness, which makes a color easier to adjust by feel. All three are computed at once.

Example

#309d4a is rgb(48, 157, 74) and hsl(134, 53%, 40%).

Last updated .

Frequently asked questions

Which color formats are supported?

You can enter a color as hex (#309d4a), rgb(48, 157, 74) or hsl(134, 53%, 40%), and it is converted to all three at once.

What is the difference between RGB and HSL?

RGB describes a color by its red, green and blue channels, matching how screens emit light. HSL uses hue, saturation and lightness, which makes it easier to adjust a color by feel.

Is my color uploaded?

No. All conversion happens in your browser; nothing is sent anywhere.