Color palette from an image — in your browser
Extract dominant colors from a photo, PNG, or screenshot without uploading the file. This landing is for the photo workflow; contrast Fix and the OKLCH plane are linked when you need them next.
Drop, paste, or browse
Clustering runs locally with Web Workers. Nothing is sent to a server. Click the image to sample a single pixel into the active swatch.
Roles ready for contrast
After extract, darkest → text and lightest → surface so you can open Contrast and Fix failing pairs in one click.
Export the system
Copy HEX lists, CSS variables, Tailwind @theme, JSON tokens, PNG, or SVG once the palette looks right.
When to extract from a photo
Moodboards, screenshots of a live site, photography for a campaign, or any case where you need real-world colors without a cloud upload.
Frequent mistakes
Uploading sensitive screenshots to third-party extractors, keeping too many near-duplicate swatches, or shipping photo colors without a contrast check on text roles.
Palette as CSS variables
Export from the side panel after extraction.
:root {
--color-1: #1a1a1a;
--color-2: #e8e4dc;
--color-3: #c73d16;
}