Free Color Converter Online
Convert colors between HEX, RGB, HSL, and CMYK formats instantly — with a live color preview in your browser.
#3B82F6How it works
Enter a color
Type a HEX code, RGB, HSL, or CMYK value in any field.
See all formats
The converter instantly shows the equivalent in all other formats with a preview.
Copy any value
Click any format row to copy the value to your clipboard.
All in the browser
Pure JavaScript math — no server, no library.
Common use cases
Design to code
Designers work in HEX; CSS prefers HSL or RGB. Convert brand colors to all formats needed by your design system.
Print production
Print uses CMYK. Convert your RGB/HEX brand colors to CMYK for accurate print specification.
CSS variable generation
Generate HSL values for CSS custom properties — HSL makes tinting and shading easy with simple variable math.
Accessibility color checking
Convert colors to get the values needed for WCAG contrast ratio calculations.
Frequently asked questions
What color formats are supported?
HEX (#RRGGBB), RGB (0-255 per channel), HSL (hue 0-360, saturation %, lightness %), and CMYK (0-100% per channel).
Is CMYK conversion exact?
CMYK is a device-dependent color space. The conversion from RGB to CMYK is a standard formula but may not match a specific printer's color profile.
Why does HSL use a hue of 0-360?
Hue is expressed as degrees on a color wheel: 0° = red, 120° = green, 240° = blue. HSL is more intuitive for tinting and shading than RGB.
Can I enter shorthand hex like #FFF?
Yes — 3-digit hex codes are expanded automatically (#FFF → #FFFFFF before conversion).