Color
- Free forever
- No sign-up
- Instant results
HEX to RGB and HSL Converter
Convert any hex colour code to RGB and HSL instantly. Supports both 3-digit and 6-digit hex codes with a live color preview so you can verify before you copy.
RGB
—
HSL
—
When would you use this?
Hex codes are how most designers hand off colours, but CSS often wants RGB or HSL, especially when you need to add transparency with rgba() or manipulate a colour's lightness with hsl(). This converter takes any 3 or 6-digit hex code and gives you back both formats at once. No need to switch between tools or fire up Photoshop just to grab an RGB value.
Common HEX → RGB values
| HEX | RGB | Common color |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | White |
| #000000 | rgb(0, 0, 0) | Black |
| #FF0000 | rgb(255, 0, 0) | Red |
| #00FF00 | rgb(0, 255, 0) | Lime |
| #0000FF | rgb(0, 0, 255) | Blue |
| #808080 | rgb(128, 128, 128) | Gray |
| #FFFF00 | rgb(255, 255, 0) | Yellow |
| #00FFFF | rgb(0, 255, 255) | Cyan / Aqua |
| #FF00FF | rgb(255, 0, 255) | Magenta / Fuchsia |
| #FFA500 | rgb(255, 165, 0) | Orange |
| #800080 | rgb(128, 0, 128) | Purple |