Color converter

Convert between HEX, RGB, and HLS color models.

  • Development
  • 100% free
  • No sign-up
  • Runs in your browser
Color converter
Reset

What is the color converter?

The color converter translates a color between the HEX, HEXA, RGB, RGBA, HSL and HSLA formats, and shows a preview swatch of each value. Enter a color in any of these formats, for example #ef2b4b, rgb(239, 43, 75) or hsl(350, 86%, 55%).

Designers and developers switch between color formats all the time: HEX in design tools, RGBA for transparency in CSS, HSL to create lighter or darker shades of a brand color.

How to use the color converter

  1. 1Enter a color in HEX, RGB(A) or HSL(A).
  2. 2Press Convert.
  3. 3Copy the format that you need.

Features

Six formats

HEX, HEXA, RGB, RGBA, HSL and HSLA.

Color preview

A swatch next to every value.

Transparency

Alpha values are kept between the formats.

Quick copy

Copy each value with one click.

Frequently asked questions

What is the difference between HEX and HEXA?

HEXA adds two more digits for the alpha channel (opacity), for example #ff000080 is red at 50% opacity.

When should I use HSL?

HSL makes it easy to adjust lightness and saturation, which is perfect for building color palettes.

Are the conversions exact?

RGB and HEX are exact. HSL values are rounded to whole numbers, which can shift the color by one unit.

Does it support named colors like red?

Use the HEX, RGB or HSL value. The word transparent is also supported.