Color Converter — HEX, RGB, HSL, CMYK
Convert colors between HEX, RGB, HSL, and CMYK with a visual picker and synced outputs. Perfect for CSS, print, and design handoff — all client-side.
Your data never leaves your browser
Tints & shades
HEX: #6366F1
RGB: rgb(99, 102, 241)
HSL: hsl(239, 84%, 67%)
OKLCH: oklch(58.5% 0.204 277.1)
CMYK: cmyk(59%, 58%, 0%, 5%)
CSS: rgb(99, 102, 241)
Tailwind: bg-[#6366F1] text-[#6366F1]
CSS var: --primary: #6366F1;
WCAG contrast
4.70:1best text: #000000
Aa on whiteAA Large
Aa on blackAA
About this tool
HEX RGB HSL OKLCH CMYKWCAG contrastTints & shadesTailwind + CSS varsPrivate
How to use
- Pick a format tab or use the color picker.
- Edit values and click Convert.
- Copy HEX, RGB, HSL, or CMYK.
Examples
Multi-format
#6366F1
rgb, hsl, cmyk