Color Picker & Converter

Pick a color and instantly see it in HEX, RGB, HSL, and CMYK. Explore complementary, analogous, and triadic harmonies — copy any format with one click.

Pick & convert colors

Use the color picker or type a value in any format to convert.

HEX
RGB
HSL
CMYK
Complementary
Analogous
Triadic

Understanding color formats

Colors can be represented in many formats. HEX (#RRGGBB) is the most common in web development. RGB (Red, Green, Blue) defines colors by mixing light channels from 0–255. HSL (Hue, Saturation, Lightness) is more intuitive for designers — hue is a degree on the color wheel, saturation controls vibrancy, and lightness controls brightness. CMYK (Cyan, Magenta, Yellow, Key/Black) is used in print design.

Color harmonies

Complementary colors sit opposite each other on the color wheel and create high contrast. Analogous colors are adjacent on the wheel and create harmonious, cohesive palettes. Triadic colors are evenly spaced at 120° intervals, offering vibrant yet balanced combinations. These harmonies help designers choose palettes that look professional and visually appealing.

Browser-based

All color conversions and harmony calculations run in your browser using JavaScript. No data is sent to a server. Pick, convert, and copy colors freely for your web, app, or print projects.

More developer tools