No account · Five styles · Your photo stays in your browser
Image Color Palette Extractor
Drop a photo or screenshot to extract its dominant colors in your browser. Use any extracted color in the generator to create a 50–950 shade scale, explore harmonies, check WCAG contrast, and export CSS or Tailwind values.
Your image
Extract a palette from a photo
Drop it here or click to choose · JPG, PNG, WebP, AVIF, GIF, or SVG, up to 20 MB · analyzed in your browser, without uploading.
Click a color to set it as the base, or drag its point over the photo for pixel-level adjustment. You can also move points with the arrow keys.
Palette generator
The base comes from your photo, but you can also type a hex value or use the picker. Manual edits return to classic harmonies. The page URL stores your base color for sharing.
Loading the palette…
Click any swatch to copy its hex value. The circle marks the shade closest to your base color.
Export
Bring the palette into your project
/* Generando la paleta… */Accessibility
Contrast for each color
Contrast ratios for each main color against white and black text, with WCAG 2.1 levels for normal text: 4.5:1 meets AA; 7:1 meets AAA.
Turn color choices into usable design tokens
Choose a base color or load a reference image. Inspect extracted colors, shade steps, and the displayed contrast values before exporting. Rare accents and generated external accents are labeled separately: a generated suggestion is not a color found in the original photo. Contrast checks apply to the selected pair, not to every possible layout.
Are image files uploaded?
The image analysis runs in this browser. Keep a copy of the original image; export only the colors and formats you need.