What color formats are supported?

HEX, RGB, HSL, and CMYK. You can convert between any format instantly.

Can I generate color palettes?

Yes, click Generate Palette to create complementary, analogous, and triadic palettes from any color.

Can I pick colors from my screen?

Yes, on supported browsers (Chrome/Edge) you can use the eyedropper tool to pick any color from your screen.

Yes, completely free with all features available offline.

🎨

Color Picker & Converter

Pick, convert & generate palettes — HEX, RGB, HSL, CMYK

HEX

RGB

HSL

CMYK

H187

S100

L50

🎨 Color Palettes

🌈 Gradient

📋 CSS Variables

✅ Do's

Use accessible color contrast (4.5:1 for text)
Generate palettes for consistent branding
Test colors on different backgrounds

❌ Don'ts

Don't use red+green for colorblind users
Don't rely on color alone to convey info

📐 How Color Picker Works

All conversions happen locally in your browser using mathematical formulas. No data is sent anywhere. Palettes use color theory: complementary (opposite on wheel), analogous (adjacent), and triadic (120° apart).

What formats are supported?

HEX, RGB, HSL, and CMYK.

Can I use the eyedropper?

Yes, on Chrome/Edge — click the Eyedropper button.

Is this tool free?

Yes, all features work offline.