Color Picker
Pick colors with eyedropper, convert between HEX/RGB/HSL/CMYK, generate palettes, and check contrast ratios.
EyeDropper not supported in this browser
No saved colors yet. Click Save Color to add one.
About Color Picker
A color picker is an essential tool for designers and developers to select, convert, and analyze colors. Use the eyedropper to pick any color from your screen, adjust RGB/HSL/CMYK values with sliders, save colors to a palette, and generate harmonious color variations. All conversions happen instantly in real-time.
How to Use
Click the color input or use the eyedropper button to pick a color. Adjust the color using RGB, HSL, or CMYK sliders. Copy the color value in any format (HEX, rgb(), hsl(), etc.) with one click. Add colors to your saved palette for quick access. Browse tints, shades, and harmonious colors. Check contrast ratios for accessibility.
Common Use Cases
- Picking colors from design mockups or websites using the eyedropper
- Converting colors between formats for CSS, Figma, or other tools
- Building color palettes with harmonious tints and shades
- Checking color contrast for WCAG accessibility compliance
- Saving and organizing brand colors for consistent design