Color Converter

Convert a color between HEX, RGB and HSL.

Color ConverterRuns in your browser
Pick a color

HEX

#12715a

RGB

rgb(18, 113, 90)

HSL

hsl(165, 73%, 26%)

Runs entirely in your browser. Nothing you enter is uploaded.

How to use

  1. 1Choose a color with the picker or type a HEX code.
  2. 2HEX, RGB and HSL values appear along with a color swatch.
  3. 3Copy the value you need with the button next to each format.

When it helps

  • Turning a HEX code from a design tool into rgb() or hsl() for CSS.
  • Reading HSL values to plan lighter or darker variants of the same hue.

FAQ

What is the difference between HEX, RGB and HSL?

HEX and RGB both describe red, green and blue amounts, in hexadecimal or as 0 to 255 numbers. HSL uses hue, saturation and lightness, which makes adjusting brightness more intuitive.

Can I convert from RGB or HSL?

Input accepts HEX codes (3 or 6 digits) and the color picker. RGB and HSL values cannot be typed in directly.

Related tools

Color Contrast

Check WCAG AA/AAA contrast between two colors.

OG Image Generator

Design a 1200×630 social share image and download it.

Base64 Encode / Decode

Encode or decode text to and from Base64.

Automate this inside your content workflow.

tixigen manages SEO, metadata and multilingual publishing in one flow.

See features