How to convert a color
- Type a color in any format: HEX like #13976c, RGB like rgb(19, 151, 108), HSL, a name like tomato, modern CSS like oklch(0.6 0.12 160) or lab(55% -45 15), or CMYK like cmyk(87%, 0%, 29%, 41%). Or use the picker.
- Every other format appears on the right with a preview swatch.
- Click a value to copy it.
Color formats at a glance
| Format | Example | Used in |
|---|---|---|
| HEX | #13976c |
CSS, design tools, brand guides |
| RGB | rgb(19, 151, 108) |
CSS, screens, image editors |
| HSL | hsl(160, 78%, 33%) |
CSS, adjusting shades by hand |
| HSV / HSB | hsv(160, 87%, 59%) |
Photoshop, Figma and other color pickers |
| CMYK | cmyk(87%, 0%, 28%, 41%) |
Transparency
Add a fourth value for opacity: rgba(19, 151, 108, 0.5), hsl(160 78% 33% / 50%) or an eight-digit HEX code like #13976c80. The converter keeps the opacity in the HEX, RGB and HSL results. CMYK has no transparency.