Color converter

Type or paste a color in any format — hexadecimal, rgb(), hsl(), hsv(), oklch(), cmyk() or one of the 148 CSS color names — and get every other format at once, with tints, shades, tones and harmonies for design work. Everything is computed with the exact CSS Color 4 algorithms.

Color — hex, rgb(), hsl(), hsv(), oklch(), cmyk() or a CSS name

HEX—

RGB—

HSL—

HSV—

OKLCH—

CMYK—

Nearest CSS name: —

Tints · to white

Shades · to black

Tones · to gray

Harmonies

Complementary

Analogous −30°

Analogous +30°

Triadic +120°

Triadic +240°

Supported input formats

HEX — #c2410c, 3-digit #abc and 8-digit with alpha.
RGB — rgb(194, 65, 12), with or without the rgb() wrapper.
HSL / HSV — hsl(16, 88%, 40%), hsv(16, 94%, 76%).
OKLCH — oklch(0.553 0.175 35.9), out-of-gamut colors are gamut-mapped per CSS Color 4.
CMYK — cmyk(0%, 66%, 94%, 24%) (screen approximation).
Names — all 148 CSS named colors, from aliceblue to rebeccapurple.

Need the other direction for a specific pair? Every conversion has its own page — for example hex to RGB,RGB to HSL orRGB to OKLCH — with the formula explained step by step.