Color Converter
Convert colors between HEX, RGB, and HSL with a live preview.
Last updated August 26, 2026
HEX
#2dd4bf
RGB
rgb(45, 212, 191)
HSL
hsl(172, 66%, 50%)
About this tool
The same color can be written in several different formats depending on where it's used — HEX for CSS and design tools, RGB for programmatic color manipulation, HSL for intuitively adjusting hue, saturation, or lightness. This tool converts a color between all three formats at once, with a live swatch and native color picker.
Format comparison
| Format | Example | Best for |
|---|---|---|
| HEX | #2dd4bf | CSS, design tools, quick copy-paste |
| RGB | rgb(45, 212, 191) | Programmatic color math, canvas/image APIs |
| HSL | hsl(174, 70%, 50%) | Intuitively tweaking shade/brightness |
Frequently asked questions
What do the three HSL values represent?
Hue (0–360°, the color's position on the color wheel), Saturation (0–100%, how vivid vs. gray), and Lightness (0–100%, how close to black or white).
Does this support alpha/transparency values?
Not currently — it converts fully opaque colors between HEX, RGB, and HSL.