Color Picker
Pick colors from images, your screen, a color wheel, or typed CSS values. Get HEX, RGB, HSL, HSB, tints & shades, harmonies, and WCAG contrast — all in your browser.
Drop an image here or click to browse
JPG · PNG · WEBP · GIF · BMP · SVG
Or press Ctrl+V to paste from clipboard
Pick a color to see details
Click an image pixel, use the eyedropper, or type a color valueHow to Use This Tool
- Upload or paste an image, then click any pixel to sample its color
- Or click Pick from Screen to grab any color from your screen (Chrome/Edge)
- Or type a HEX, RGB, HSL, or CSS named color in the input field
- Or use the color wheel for precise manual selection
- Copy any format — HEX, RGB, HSL, HSB — with one click
Why Use This Tool
- 4 Input Methods: Image upload/paste, EyeDropper, text input, color wheel
- All Formats: HEX, RGB, HSL, HSB — one-click copy each
- Tints & Shades: 10-step scale from light to dark for any color
- Dominant Palette: Extracts top 8 colors from any uploaded image
- Color Harmonies: Complementary, analogous, triadic, split-complementary
- WCAG Contrast: AA/AAA pass/fail for white and black text