Color Converter (HEX to RGB/HSL)

Convert any HEX colour code into RGB and HSL — handy for design, CSS and development.

Share
Advertisement
SponsoredYour ad here

What is the Color Converter (HEX to RGB/HSL)?

A color converter translates between the ways colours are written: HEX (#RRGGBB), RGB (red, green, blue) and HSL (hue, saturation, lightness).

How to Calculate

The hex pairs are parsed to red, green and blue values (0–255), then converted to HSL using standard colour maths.

Formula

#RRGGBB → rgb(r, g, b) → hsl(h, s%, l%)

How to Use

  1. Enter your details in the fields above.
  2. The result updates instantly as you type.
  3. Use Copy, Print or Download PDF to save your result.

Frequently Asked Questions

What is HSL good for?
HSL makes it intuitive to adjust colours u2014 change the hue to shift the colour, or lightness to make it lighter/darker u2014 which is why designers like it.
Advertisement
SponsoredYour ad here
Was this calculator helpful?
Embed this calculator

Copy this code to add the calculator to your own website: