Color converter

One color, every format

Pick an input model, then read the same color as hex, RGB, HSL, HSV and CMYK. HueKit also builds shades, tints and classic harmonies so you can grow a palette from a single starting color.

#12C2E9
HEX#12C2E9
RGBrgb(18, 194, 233)
HSLhsl(191, 86%, 49%)
HSVhsv(191, 92%, 91%)
CMYKcmyk(92%, 17%, 0%, 9%)
Shades and tints
04272f
074e5d
0b748c
0e9bba
12c2e9
41ceed
71daf2
a0e7f6
d0f3fb
Complementary
12c2e9
e93912
Analogous
12e9a5
12c2e9
1257e9
Triadic
12c2e9
e912c2
c2e912

Choosing the right color model

Every color model describes the same visible colors, but each one makes a different task easy. Knowing which to reach for saves a lot of guesswork.

RGB and hex, for screens

RGB mixes red, green and blue light. It is how displays actually work, and hex is simply a shorter way to write the same three channels. Use them for anything that ends up on a screen. If you only need this one jump, the focused hex to RGB converter is the quickest route.

HSL and HSV, for adjusting

HSL and HSV both separate hue from saturation and lightness. That makes them the friendly models when you want to nudge a color: keep the hue, drop the lightness, and you get a clean shade. Designers reach for HSL constantly when building consistent scales.

CMYK, for print

CMYK describes ink on paper: cyan, magenta, yellow and a key black. If your work is heading to a printer, CMYK is the model that matters, but always confirm against your print provider's profile before a big run.

Building a palette from one color

The harmonies under the readout are a practical shortcut. Start with a brand color, take its complementary for accents, and pull an analogous pair for softer supporting tones. The shade and tint strip gives you a ready made light to dark scale for backgrounds and borders.

Frequently asked questions

Which color models does this converter support?

HueKit converts between five models: hex, RGB, HSL, HSV and CMYK. Change any one of them and the other four update instantly, so you always see the full picture of a single color.

Why do CMYK values look approximate?

CMYK is a print model and screens are RGB, so there is no single exact mapping. HueKit uses the standard naive conversion, which is fine for previewing. For production print, trust your printer's ICC profile.

What are complementary, analogous and triadic colors?

They are harmonies built by rotating the hue. Complementary sits opposite on the wheel, analogous sits just beside your color, and triadic spaces three colors evenly. They are a fast starting point for a palette.

Does the converter work offline?

Yes. All the math runs in your browser, so once the page has loaded you can keep converting with no network connection.

Related tools