developer
Image Color Picker
Upload an image to automatically detect dominant colors, or use the pointer to pick any specific pixel. Get color values in HEX, RGB, HSL, and OKLCH formats.
Drop your image here or click to browse
JPG, PNG, WebP, GIF, SVG — up to 30MB
Frequently asked questions
The tool analyzes your image pixels directly in your browser using the Canvas API. It samples colors across the image, groups similar colors together, and shows you the most dominant ones — no server processing needed.
Each picked color is shown in HEX (#FF6432), RGB (rgb(255, 100, 50)), HSL (hsl(15, 100%, 60%)), and OKLCH (oklch(0.65 0.2 30)) — the modern CSS color format with perceptually uniform lightness.
No. All processing happens entirely in your browser using the HTML5 Canvas API. Your images never leave your device.
After uploading, hover over the image to see a live preview of the color under your cursor. Click anywhere on the image to select that color and see all its format values.