Color Code Converter

Convert between HEX, RGB, HSL, and CMYK color formats. Includes color harmony suggestions.

1. Click the large color swatch to open the browser color picker and select a color.
2. Or type directly into any HEX, RGB, or HSL field: all other formats update automatically.
3. Click Copy next to any format to copy that color value to your clipboard.
4. Scroll down to see complementary, analogous, and triadic color harmony swatches.
5. Click any harmony swatch to copy its HEX value.

Designers and developers constantly switch between color formats: HEX for CSS, RGB for code, HSL for color manipulation, and CMYK for print. This tool converts all four simultaneously with a visual color picker, making it the fastest way to get the exact color format you need.