Color Picker
Pick a color and see HEX, RGB, HSL and CMYK simultaneously. Plus complementary, analogous and triadic harmonies for palette work.
- 100% local · no upload
Harmonies — click to select
Frequently asked questions
When to use HEX vs RGB vs HSL?
HEX = web/CSS (most common). RGB = mixing numeric values. HSL = adjusting hue/saturation/lightness independently (gradients, hover states).
Is CMYK accurate here?
RGB→CMYK conversion depends on color profile. This tool gives a useful preview, but for professional print use Adobe with the press's ICC profile.
Why do harmonies matter?
Complementary = strong contrast (CTAs that pop). Analogous = calm palette (long-form reading). Triadic = balanced (3 brand colors).
What is the difference between hue and color?
Hue is the underlying color (red, blue, green) without considering saturation or lightness. Two colors with the same hue can look very different if one is pale and one is vivid.
Are colors WCAG-compliant?
This picker doesn't check contrast yet. For WCAG AA/AAA, use a separate contrast checker (4.5:1 for normal text, 3:1 for large text).