Uwarp
Image
Color palette

Upload an image, set how many colors to detect, then click Get colors.

Options
How many colors detect? (max.)

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.

Common palette extraction search intents

Upload above, set the color count, and click Get colors—these queries map to the same workflow.

  1. Make color palette from image: Make color palette from image uploads—median-cut sampling groups similar hues into copy-ready swatches.
  2. Get color palette from image: Get color palette from image in one click—choose 1 to 20 colors, then copy HEX and RGB from each card.
  3. Colour extract: Colour extract from photos runs locally—percent labels show how much of the sampled image each swatch represents.
  4. How to get color code from image: How to get color code from image files: run detection, then copy HEX or RGB from dominant swatches—not one pixel at a time.
  5. Get RGB color from image: Get RGB color from image palettes alongside uppercase HEX—each swatch includes rgb() strings with copy buttons.
  6. Create color palette from photo: Create color palette from photo references for mood boards, UI themes, or brand audits without desktop software.

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