Color Picker & Palette Extractor
Pick a color and get it in HEX, RGB, HSL, and HSB, or upload an image to pull out its dominant colors as a palette.
Copied to clipboard.
About this color picker and palette extractor
The "pick a color" side works with your operating system's own color picker, a browser eyedropper (in browsers that support it), or a typed-in hex code, and immediately shows that color in four common formats — HEX for CSS and design tools, RGB for code that works with individual red/green/blue channels, HSL for adjusting lightness or saturation intuitively, and HSB/HSV, which designers often find more natural for picking a hue and then adjusting its brightness. Each value has its own copy button, so you can grab exactly the format you need without retyping anything.
The "pick from screen" button uses your browser's native eyedropper, which can sample any pixel on your entire screen, not just within this page — genuinely useful for matching a color from another app or website. It's currently only supported in Chromium-based browsers like Chrome and Edge; the button simply won't appear if your browser doesn't support it, rather than showing a broken control.
"Extract palette from image" takes a different approach: upload any image, and the tool analyzes every pixel, groups similar colors together, and reports back the most common groups as your palette. This uses straightforward frequency counting rather than a more elaborate clustering algorithm — colors are rounded to a reduced set of buckets, each bucket's occurrences are counted, and the most frequent buckets become your palette, using the true average color of the pixels in each one. It's a simple, fast method that works well for most photos and graphics, though a highly complex image with very evenly distributed colors may occasionally produce a palette that feels slightly less refined than a professional design tool's more sophisticated clustering would.
Both modes run entirely locally: images are read and analyzed using your browser's canvas drawing, and nothing is ever uploaded anywhere.
Frequently asked questions
How does palette extraction actually work?
The image is analyzed pixel by pixel, with similar colors grouped into buckets based on rounded RGB values. The buckets with the most pixels become your palette, each shown as the true average color of the pixels inside it — a simple, fast frequency-counting approach rather than advanced clustering.
Why doesn't "pick from screen" appear in my browser?
It uses a relatively new browser API currently supported mainly in Chromium-based browsers like Chrome and Edge. The button only appears when your browser supports it.
Can I convert a color between formats without picking a new one?
Yes. Type a hex code directly into the text field, or use the color picker — either way, all four formats (HEX, RGB, HSL, HSB) update together instantly.
How many colors can I extract from an image?
Choose 5, 6, 8, or 10. Fewer colors gives you the most dominant, unmistakable tones; more colors captures finer variation in the image.
Is my image uploaded anywhere?
No. Both the color picker and the palette extractor run entirely in your browser using canvas image analysis; nothing is sent to a server.