Color Converter
Convert colors between HEX, RGB, HSL and CMYK with a live preview.
Enter a valid HEX color (e.g. #C8A44A or #abc).
How to use Color Converter
- Enter a HEX code or use the color picker to choose a color visually.
- See the live preview and the equivalent RGB, HSL and CMYK values appear instantly.
- Copy the format you need for your CSS, design tool or print spec.
- Adjust the color and watch every value update in real time.
What is Color Converter?
A color converter changes a color's representation between models without changing the color itself. HEX (e.g. #C8A44A) and RGB describe colors as red/green/blue light values for screens. HSL describes them as hue, saturation and lightness, which is intuitive for adjustments. CMYK describes cyan/magenta/yellow/black ink for print.
Knowing the equivalent value across models lets you keep colors consistent across your website, design tools and printed materials.
About the Color Converter
The Color Converter translates any color between the formats designers and developers use every day — HEX, RGB, HSL and CMYK — with a live swatch and a built-in color picker. Enter a HEX code or pick a color visually and instantly get every other representation.
Different tools and contexts demand different formats: HEX and RGB for web and CSS, HSL when you want to tweak hue, saturation or lightness intuitively, and CMYK for print. Converting by hand means error-prone math; this tool does it instantly and accurately.
It's free, runs in your browser, and makes it easy to copy whichever value you need into your stylesheet or design file.