Color Converter
Convert colours between HEX, RGB and HSL.
Enter values
—
—
Step by step
The formula
HEX → RGB (base-16 pairs) → HSL (hue, saturation, lightness)
HEX and RGB describe the same thing — how much red, green and blue light to mix. HSL re-expresses it as hue, saturation and lightness, which matches how people actually think about colour: it makes "the same blue but lighter" a single adjustment instead of three.
All calculations run locally in your browser and update instantly as you type.
Example calculations
Common questions this calculator answers — select one to load its values.
Related calculators
Frequently asked questions
What is HSL good for?+
HSL (hue, saturation, lightness) makes it intuitive to lighten, darken or shift a colour without juggling raw RGB channels.
All calculations run locally in your browser. Nothing you type is sent to a server.