Color palette generator
Generate beautiful color palettes with the space bar. Lock colors, pick schemes and moods, check contrast, and export to CSS, Tailwind, ASE, or PNG.
Image color picker
Pick colors from any image with a zoom loupe. Get HEX and RGB codes, keep a list of picked colors, or extract the palette automatically.
Drop an image here, click to upload, or paste a screenshot
JPG, PNG, WebP, GIF, SVG — analyzed on your device, never uploaded
Hover over the imageClick to pick · arrow keys nudge one pixelDrag the circles on the image to choose exactly where each color comes from.
Click anywhere on the image to pick colors.
How to use Image color picker
Pick colors from any image. Upload a photo or paste a screenshot, hover to see a magnified loupe with the exact pixel, and click to get its HEX and RGB code — copied to your clipboard automatically.
- Pick as many colors as you like and keep them in a list
- Use the arrow keys to move one pixel at a time, then press Enter to pick
- Switch to Palette to extract the main colors automatically
- Export picked colors as CSS, Tailwind, JSON, ASE or PNG
Works with JPG, PNG, WebP, GIF and SVG. The image stays on your device.
Image color picker FAQs
Is Image color picker free?
Image color picker is a free online tool on ReallyUseful.Tools. No account is required.
Does Image color picker run in my browser?
Image color picker is designed to run in your browser where supported, so files can stay on your device instead of being uploaded to a server.
More Colors
Color picker & converter
Pick any color and get HEX, RGB, HSL, CMYK, OKLCH, and code values. Eyedropper, color names, harmonies, tints and shades, and contrast.
Color wheel
Interactive color wheel for complementary, analogous, triadic, and other color schemes. Switch between the artist's RYB wheel and the RGB wheel.
Color palette from image
Extract a color palette from any photo or design. Drag markers to fine-tune colors, then export CSS, Tailwind, JSON, Adobe ASE, or PNG.
CSS gradient generator
Design linear, radial, and conic CSS gradients visually. Drag color stops, blend in OKLab, add easing, and export CSS, Tailwind, SVG, or PNG.