Color Converter
Convert between HEX, RGB, HSL, HSB and CMYK with a live preview.
| HEX | #6366f1 | |
| RGB | rgb(99, 102, 241) | |
| RGBA | rgba(99, 102, 241, 1) | |
| HSL | hsl(239, 84%, 67%) | |
| HSLA | hsla(239, 84%, 67%, 1) | |
| HSB | hsb(239, 59%, 95%) | |
| CMYK | cmyk(59%, 58%, 0%, 5%) | |
| CSS var | --color: #6366f1; |
Tints and shades
About Color Converter
Every colour on screen can be written several ways, and each notation suits a different job: hex for CSS, RGB for canvas work, HSL for building tints and shades programmatically.
This converter keeps every representation in sync as you adjust any one of them, with a live swatch, an eyedropper where the browser supports it, and copy buttons on each format.
Frequently asked questions
What is the difference between HSL and HSB?
Both use hue and saturation, but HSL varies lightness towards white and black, while HSB varies brightness towards black only. Design tools usually show HSB.
Is CMYK accurate for print?
The conversion here is the standard naive formula. Real print work needs an ICC profile for the specific press and paper.
Does it support alpha?
Yes. Set an alpha value and the RGBA, HSLA and eight-digit hex forms are all produced.