Free Color Converter Online
Convert colors between HEX, RGB, HSL, CMYK and HWB formats instantly. Edit any field and all others update live.
About the Color Converter
This free color converter handles all major CSS and design color formats — HEX, RGB, HSL, CMYK and HWB. Simply type or paste a color value into any field and the remaining formats are calculated and displayed instantly. You can also use the native color picker to select a color visually.
This tool is useful for developers translating colors between design files and CSS, print designers converting RGB colors to CMYK, and anyone building accessible color systems who needs accurate color representations.
How to Use the Color Converter
Enter a Color
Type or paste any color value into the HEX, RGB, HSL, CMYK or HWB field. For example: #FF5733, rgb(255,87,51), or hsl(14,100%,60%).
See All Formats
All other format fields update automatically and the color swatch previews the result.
Copy the Format You Need
Click the Copy button beside any field to copy it straight to your clipboard.
Frequently Asked Questions
The converter supports HEX (#RRGGBB and shorthand #RGB), RGB (rgb(R,G,B)), HSL (hsl(H,S%,L%)), CMYK (cmyk(C%,M%,Y%,K%)) and HWB (hwb(H W% B%)).
The conversion uses the standard mathematical formula (CMYK from RGB). For professional printing with ICC colour profiles and specific ink settings, dedicated print software should be used. This tool gives you an accurate starting point for the most common use cases.
HWB stands for Hue, Whiteness, Blackness. It describes colors by how much white and black are mixed into a pure hue. It is now a native CSS color function (hwb()) supported in modern browsers and is considered more intuitive for UI design than HSL.
Yes. 3-digit HEX codes (e.g. #F53) are automatically expanded to 6 digits (#FF5533) before conversion, in line with the CSS specification.