About PalettePeek
PalettePeek reads the colors out of an image and then helps you decide whether you can build with them. Drop a photo, screenshot, illustration or logo and it returns four to twelve dominant colors with their share of the picture, HEX, RGB, HSL and OKLCH values, a nearest everyday name, a Tailwind-shaped 50–950 scale, a full contrast matrix and an interface preview painted with your own palette.
Everything runs in the page you are reading. The image is decoded by the browser's own canvas, scaled to 256 pixels on the longest side and analysed in memory; the quantizer, the color-space conversions and the export builders are all plain JavaScript shipped with the page. There is no upload endpoint, no account, no cookie banner and no analytics script, which also means the tool keeps working with the network switched off after the first visit.
The design is part of the demonstration: the background wash is painted from the colors you just extracted, and the accent used by buttons, links, focus rings and the three dots in the logo becomes the most vivid color in your palette. It is built and maintained by Interhive OÜ, a small studio in Tallinn that makes tiny, dependable web tools.
What it does
- Extraction
Four to twelve dominant colors from any image your browser can decode, with median cut or a k-means refinement and an optional saturation weighting.
- Four notations
HEX, RGB, HSL and OKLCH for every color, each one click to copy, plus the nearest name from a list of 82 everyday color words.
- Contrast matrix
Every pair scored with the WCAG 2.x formula, with white and black included on request and all five thresholds checked for the pair you select.
- 50–950 scales
A Tailwind-shaped eleven-step ramp generated in OKLCH from any color in the palette, hue held steady and every step clamped into sRGB.
- Interface preview
A small component set — navigation, headline, filled button, card, input and alert — painted with roles you assign from your own palette.
- Five export formats
CSS custom properties, a Tailwind v4 @theme block, an SCSS map, JSON with shares and names, or a plain hex list — copied or downloaded.
What it will not do
It does not store palettes between visits, does not sync anything to an account, and does not pretend that an extracted palette is a finished design system. Quantization is an approximation — two tools will give you two answers from the same photo — so treat the swatches as a starting point and check the pairs before you ship them.
Get in touch
Found a bug, or want a format we do not export yet? Email us — we read everything.
support@interhive.org