Color Converter
NEWConvert colors between HEX, RGB, HSL, HSV and more
Color Input
Type a hex value or use the color picker
#6366F1
rgb(99, 102, 241)
HEX
#6366f1
RGB
rgb(99, 102, 241)
RGBA
rgba(99, 102, 241, 1)
HSL
hsl(239, 84%, 67%)
HSLA
hsla(239, 84%, 67%, 1)
HSV
hsv(239, 59%, 95%)
CMYK
cmyk(59%, 58%, 0%, 5%)
CSS var
--color: #6366f1;
Tailwind
'[#6366f1]'
Luminance
0.1851
Tints & Shades
Click any shade to select it
How to use Color Converter
- 1
Enter a color in any supported format — HEX, RGB, HSL, or a CSS color name.
- 2
The tool detects the input format and converts it to the others simultaneously.
- 3
Copy whichever format you need for your CSS, design tool, or codebase.
Common use cases
- •Converting a color picked from a design file (often RGB) into the HEX your CSS needs
- •Getting the HSL equivalent of a color to adjust lightness or saturation programmatically
- •Translating a brand color across formats required by different tools in a workflow