Color Picker
A full-featured color picker with HEX, RGB, HSL, and CMYK conversion. Interactive sliders for precise control, color harmony generator (complementary, triadic, analogous, split), tints & shades palette, and one-click copy for every format.
Click the swatch to open the native picker
59
130
246
217
91
60
Color Harmonies
Color Formats
HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)
CSS var--color: #3b82f6;
Tailwind[#3b82f6]
Tints & Shades
Features
- HEX, RGB, RGBA, HSL, CMYK, and CSS variable formats
- Interactive RGB and HSL sliders with live gradient preview
- Color harmony generator: complementary, triadic, analogous, split
- 10-step tints & shades palette
- Click any harmony or shade swatch to set it as the active color
- One-click copy for every format