Free Color Code Converter — HEX, RGB, HSL & CMYK

The same color can be written several ways: a hex code like #C17F3A (what designers paste into CSS), RGB (how screens mix red, green, blue), HSL (hue/saturation/lightness — intuitive for adjusting a shade), and CMYK (for print). Each context wants a different format, and doing the math by hand is fiddly. This tool converts between all four with a live swatch so you always have the value you need.

Frequently Asked Questions

How do I convert HEX to RGB?
Enter the HEX value in the HEX field and the tool instantly shows the RGB equivalent in the R, G, B fields.
What is the difference between RGB and HSL?
RGB uses red, green, blue channel values (0–255). HSL uses hue (0–360°), saturation (0–100%), and lightness (0–100%) — often more intuitive for design work.