How to use the Color Converter
- 1Enter a HEX, RGB or HSL value, or use the colour picker.
- 2Read the other two formats.
- 3Copy the value you need.
Supported formats and limits
- HEX accepts #rgb and #rrggbb, with or without the #.
- RGB channels are 0–255; HSL uses 0–360° and 0–100%.
- Out-of-range values are clamped or rejected with a clear message.
Common uses
- Translating a design-token HEX into HSL for a theme.
- Checking the RGB channels of a brand colour.
- Adjusting lightness in HSL and copying the HEX result.
Frequently asked questions
Does it support transparency (alpha)?
This version converts opaque colours only.