Move between common color formats
HEX, RGB, and HSL describe the same screen color in different ways. Designers often work with HEX values, developers use both HEX and RGB, and HSL is convenient when adjusting lightness or saturation.
Format overview
| Format | Example | Best for |
|---|---|---|
| HEX | #1769E0 | Compact CSS and design tokens |
| RGB | rgb(23, 105, 224) | Direct red, green, blue control |
| HSL | hsl(215, 81%, 48%) | Hue and lightness adjustments |
Input validation
The converter accepts three- or six-digit HEX values and standard integer RGB values from 0 to 255.
Frequently asked questions
What is the difference between HEX and RGB?
They encode the same red, green, and blue channels. HEX uses base-16 notation while RGB uses decimal values.
Can I convert colors with transparency?
This version converts opaque colors. Alpha-channel conversion is not currently included.
