Color Code Converter

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

Your files never leave your device

HEX
RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

CMYK
59
58
0
5

Color Harmonies

Complementary

Analogous

Triadic

How to Color Code Converter

  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.

Why Use This Tool?

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.

Frequently Asked Questions