Uwarp
How many colors detect? (max.)

Help Us Improve

—

(—)

Get colors from image

Make a color palette from any photo online. Upload an image, detect dominant hues, copy HEX and RGB swatches with coverage percentages—all in your browser.

What is get colors from image?

Get colors from image analyzes a photo to find dominant hues and builds a palette you can copy into design tools. Upload a picture, choose how many colors to detect, and receive swatches with HEX, RGB, and coverage percentages. It extracts palettes from your file—it does not search the web by color or read a single eyedropper pixel. All processing runs locally in your browser.

Palette extraction features

Dominant color detection and output.

  1. Adjustable swatch count: Detect from 1 to 20 colors per image.
  2. Dominant hues: Median-cut grouping surfaces the most important colors.
  3. HEX and RGB: Each swatch includes copy-ready HEX and RGB strings.
  4. Coverage percent: See how much of the sampled image each color represents.
  5. Side-by-side layout: Image preview and palette panel on one page.
  6. Private processing: Canvas sampling stays on your device.

How to make a color palette from a photo

Steps for extracting dominant colors.

  1. Upload an image: Drop or click in the image panel (15 MB max).
  2. Set color count: Choose how many colors to detect—default is 8.
  3. Click Get colors: Run detection and review swatches in the palette panel.
  4. Copy swatches: Use copy buttons for HEX or RGB on each color card.

Tips for better palettes

Improve extraction results.

  1. Start with 6–10 colors: A mid-range count balances accents and neutrals on busy photos.
  2. Use less compression: High-quality PNG or JPEG reduces muddy mid-tones in swatches.
  3. Crop first if needed: Remove large background areas on /crop-image before extracting.
  4. Compare counts: Run again with fewer colors for a minimal set or more for detail.
  5. Pair with eyedropper: Use /image-color-picker to grab exact pixels between swatches.
  6. Check contrast next: Copy foreground swatches into a contrast checker before shipping UI.

When to extract image palettes

Typical uses for dominant color detection.

  1. Brand mood boards: Pull a palette from campaign or product photography.
  2. UI theming: Seed design tokens from reference screenshots.
  3. Social graphics: Match post colors to an inspiration image.
  4. Illustration: Study hue distribution in reference art.
  5. Web design: Build CSS variables from a hero photo.
  6. Quick audits: See whether an asset leans warm, cool, or neutral.

Why use this palette tool

Benefits of browser-based extraction.

  1. Palette in one pass: Make a color palette from image uploads without a desktop app.
  2. Tunable count: Request a small accent set or up to 20 swatches.
  3. Readable output: HEX and RGB ready for Figma, CSS, or code.
  4. Weighted swatches: Percent labels help prioritize dominant hues.
  5. Fast previews: Re-run with a different count without re-uploading.
  6. Free: Unlimited extractions on your own files.

Technical details

How palette extraction works here.

  1. Median-cut quantization: Pixels grouped in RGB space, then averaged per group.
  2. Sampling cap: Up to 25,000 pixels sampled for responsive runs on large photos.
  3. Alpha filter: Pixels below 50% opacity are excluded from counts.
  4. Sort order: Swatches ordered by share of sampled pixels.
  5. Input limits: 15 MB upload; 8192 px max edge on load.
  6. Browser support: Chromium, Firefox, Safari with Canvas 2D.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion