HEX RGB HSL Colour Converter
Converts colour codes between HEX, RGB and HSL with a picker.
100% FreeRuns in your browserBasic
Colour converter
HEX#0a7b8a
RGBrgb(10, 123, 138)
HSLhsl(187, 86%, 29%)
Runs in your browser. Nothing is uploaded.
How to use this calculator
- Pick a colour or type a HEX, RGB or HSL value.
- Copy it in any of the three formats.
How it works
Converts between HEX, RGB and HSL. HSL is derived from RGB (hue 0–360°, saturation and lightness as percentages).
Worked example
#0a7b8a. = rgb(10, 123, 138) = hsl(187, 86%, 29%).
Tips
- Runs entirely in your browser. Your input is not uploaded or stored.
Frequently asked questions
What's HSL good for?
Hue/saturation/lightness makes it easy to tweak a colour (lighten, desaturate) predictably.
Privacy?
Runs entirely in your browser. Your input is not uploaded or stored.
Related tools
- Colour Contrast Checker
- Colour Palette Generator
- Aspect Ratio Calculator
- Golden Ratio Calculator
- QR Code Generator
- Barcode Generator
Explore more in PDF, Image, File, Data & Developer Tools.
Cite this tool
Zerdly. (2026). HEX RGB HSL Colour Converter. Retrieved from https://www.zerdly.com/tools/hex-rgb-hsl-converter/
Tip: Enter any known values to calculate the remaining results.
All calculations run in your browser. Your inputs are never saved or transmitted.