Palette from image
Drop in a photo, screenshot or illustration and HueKit pulls out its dominant colors. Everything happens on your device, so nothing is uploaded, and you get copy ready hex values and CSS variables.
or click to choose a file
Your image is processed on your device and never uploaded.
Upload an image to see its dominant colors here.
From a picture to a palette
Extracting color from an image is a fast way to start a design that feels cohesive with a photo, a product shot, or a piece of brand art. HueKit reads the image with the browser canvas, samples its pixels, and groups near identical colors together. The groups with the most pixels become your palette, which is why the result tends to match the colors your eye picks out first.
Turning a palette into a system
A raw palette is a starting point, not a finished system. Once you have your colors, a few steps make them usable:
- Pick one color as the primary and the rest as supporting and accent roles.
- Generate light and dark steps for each in the color converter to build full scales.
- Check text colors against your backgrounds in the contrast checker before you commit.
Privacy by default
Many palette tools upload your image to a server to process it. HueKit does not. The canvas API lets the browser read pixel data locally, so your screenshots and unreleased artwork stay on your machine. That also means the tool keeps working with no connection once the page has loaded.
Frequently asked questions
Is my image uploaded anywhere?
No. The image is read and analyzed entirely in your browser using the canvas API. It never leaves your device, so it works offline and keeps private images private.
How does the color extraction work?
HueKit samples the image pixels, groups similar colors into buckets, and picks the most populous buckets as the dominant colors. That gives a palette that reflects what the eye actually sees.
What image formats are supported?
Any format your browser can display, which covers JPEG, PNG, WebP, GIF and SVG. Large images are scaled down first for speed, without changing the resulting colors much.
Can I use the palette in code right away?
Yes. Alongside the swatches you get a block of CSS custom properties, ready to paste into your stylesheet as design tokens.