Palette Extractor

Extract dominant colors from any image. Get HEX, RGB, and HSL values. 100% browser-based with zero server uploads.

Images (0)
Drop images here
Upload images and select them to extract palette
🛠️Developer Tool Belt
More Image ToolsFavicon GeneratorPNG Palette InspectorImage to Base64Image EditorApp Icon GeneratorImage CropperView all image tools →

Palette Extractor

Palette Extractor analyzes your image and extracts the dominant colors. It displays up to 8 colors with their HEX, RGB, and HSL values. All processing happens in your browser.

🔒 Client-side only⚡ Web Worker processing🌐 Works offline🛡️ Zero server logs

How to Extract Colors Online

  1. Drag and drop an image or click to select from your device.
  2. Click Extract Palette to analyze the image colors.
  3. Click any color swatch to copy its HEX value to your clipboard.

Frequently Asked Questions

Got questions about palette extraction? We've got answers.

Is Palette Extractor safe for sensitive images?

Yes, absolutely. All processing happens locally in your browser via Web Workers. No image data is ever sent to any server.

How many colors does it extract?

The tool extracts the top 8 dominant colors by default. The most prominent color is shown separately as the dominant color.

What color formats are shown?

Each color displays its HEX, RGB, and HSL values. Click any swatch to copy the HEX value to your clipboard.

Automated E2E Test Suite Logs

Our build systems validate edge-case processing under extreme conditions before each deployment.

Stability
100.0%
Passed
11/11
Env
V8-Sandbox
Engine: Vitest RunnerUpdated: 2026/6/13 02:40:10📦 Download Test Datasets
PASSPure Function Unit Tests extractPalette should handle valid image input
PASSPure Function Unit Tests extractPalette should reject invalid input
PASSPure Function Unit Tests extractPalette should not mutate original input
PASSPure Function Unit Tests extractPalette should handle boundary input
PASSPaletteExtractorTool should render sidebar with Images header
PASSPaletteExtractorTool should render Extract button
PASSPaletteExtractorTool should render + Add button
PASSPaletteExtractorTool should disable button when isLoading is true
PASSWorker Behavior should process valid action and return ok:true
PASSWorker Behavior should return error for unknown action
PASSWorker Behavior should return error for invalid payload
⏱️ 0.18ms📦 1.5KB🎚️ Max Nesting: 3🌿 AST Nodes: 48🛡️ V8 Heap: Healthy
$ codecaven-validator --scope=tool● CLUSTER COMPLIANT

Tool Changelog & Updates

v1.2.02026-06-12
  • Feature: Dual-view palette extraction — single image detail mode with dominant color and 8-card palette, plus batch aggregation mode with unified color ranking.
  • Feature: Export palette to CSS variables, JSON, or ASE (Adobe Swatch Exchange) format — one-click copy.
  • UX: Left sidebar with image list and multi-select checkboxes, right detail panel with color cards.
v1.1.02026-06-11
  • Feature: Added comprehensive Vitest test suite covering Tool rendering, worker operations, and shared operation logic — all 871 image tests passing.
  • Fix: Fixed OffscreenCanvas mock patterns in tests for proper constructor instantiation.
v1.0.02026-06-11
  • Feature: Initial release with dominant color and top-8 palette extraction — 100% client-side via Web Worker.
  • UX: Drag-and-drop upload zone with instant image preview and dominant color display.
  • UX: Color swatches with HEX, RGB, HSL values and one-click HEX copy to clipboard.
  • Security: Web Worker isolation ensures zero data uploads — all processing stays in the browser.