Color Converter
Convert colors between HEX, RGB and HSL, with a live preview.
Design tools and code speak different colour languages — HEX in CSS, RGB in some editors, HSL when you want to tweak lightness. Color Converter translates a colour between HEX, RGB and HSL with a live preview, so you always have the format you need.
How to use color converter
- 1. Enter a colour in HEX, RGB or HSL.
- 2. See it converted to the other formats with a live swatch.
- 3. Copy the value you need.
When to use Color Converter
Match a colour across tools
Convert a HEX from a design into the RGB or HSL a different tool expects.
Fine-tune with HSL
Switch to HSL to adjust hue, saturation or lightness intuitively.
Read a colour value
See a swatch of a colour code to confirm it's what you expect.
Frequently asked questions
Which formats does it convert between?
HEX, RGB and HSL, in any direction, with a live preview of the colour.
Does it support transparency?
It focuses on the core HEX/RGB/HSL colour; handle alpha separately in your CSS if you need it.
Is my input uploaded?
No — conversion happens in your browser.