Color Converter
Convert between HEX, RGB and HSL values with an on-screen color picker
About this tool
The color converter moves between color formats quickly, a basic tool for UI design, frontend work and palette planning:
- HEX: the usual web format such as
#39FF14, short and readable - RGB and RGBA: red, green and blue from 0 to 255, with an alpha channel from 0 to 1, for example
rgba(57,255,20,0.8) - HSL and HSLA: hue 0-360, saturation 0-100% and lightness 0-100%, closer to how people describe color
Features
- A visual picker: click or drag to choose any color
- HEX, RGB and HSL shown live for the selected color
- One-click copy for any format
- Alpha channel adjustment
When to use it
- Writing and converting CSS color values
- Extracting colors from a design file to compare
- Building a brand palette
- Turning a color from a design tool into CSS-ready syntax
Format reference
| Format | Example | Notes |
|---|---|---|
| HEX | #39FF14 | Most common on the web, six hex digits |
| RGB | rgb(57,255,20) | Red, green and blue, 0-255 |
| HSL | hsl(110,100,54) | Hue, saturation and lightness |
| RGBA | rgba(57,255,20,0.8) | Adds an alpha channel |