Paletten-Extraktor

Extrahieren Sie dominante Farben aus jedem Bild. Erhalten Sie HEX-, RGB- und HSL-Werte. 100% browserbasiert ohne Server-Uploads.

Upload images and select them to extract palette

Paletten-Extraktor

Der Paletten-Extraktor analysiert Ihr Bild und extrahiert die dominanten Farben. Er zeigt bis zu 8 Farben mit ihren HEX-, RGB- und HSL-Werten an.

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

So extrahieren Sie Farben online

  1. Ziehen Sie ein Bild per Drag & Drop oder klicken Sie, um es auszuwählen.
  2. Klicken Sie auf Palette extrahieren, um die Bildfarben zu analysieren.
  3. Klicken Sie auf ein Farbfeld, um den HEX-Wert in die Zwischenablage zu kopieren.

Häufig gestellte Fragen

Fragen zur Palettenextraktion? Wir haben Antworten.

Ist der Paletten-Extraktor sicher für vertrauliche Bilder?

Ja, absolut. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser über Web Worker. Es werden keine Bilddaten an einen Server gesendet.

Wie viele Farben werden extrahiert?

Das Tool extrahiert standardmäßig die 8 dominantesten Farben. Die prominenteste Farbe wird separat als dominante Farbe angezeigt.

Welche Farbformate werden angezeigt?

Jede Farbe zeigt ihre HEX-, RGB- und HSL-Werte. Klicken Sie auf ein Farbfeld, um den HEX-Wert zu kopieren.


Automatisierte E2E-Testsuite-Protokolle

Unsere Buildsysteme validieren Edge-Case-Verarbeitung unter extremen Bedingungen vor jeder Bereitstellung.

Stability
100.0%
Passed
11/11
Env
V8-Sandbox
Engine: Vitest RunnerUpdated: 2026/6/13 02:40:10📦 Testdatensätze herunterladen
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-Änderungsprotokoll & Updates

v1.2.02026-06-12
  • Feature: Dual-View-Palettenextraktion — Einzelbild-Detailmodus mit dominanter Farbe und 8-Farbpalette, plus Batch-Aggregationsmodus.
  • Feature: Palette als CSS-Variablen, JSON oder ASE (Adobe Swatch Exchange) exportieren.
  • UX: Linke Seitenleiste mit Bildliste und Mehrfachauswahl, rechtes Detailfenster mit Farbkarten.
v1.1.02026-06-11
  • Feature: Umfassende Vitest-Testsuite für Tool-Rendering, Worker-Operationen und Shared-Operation-Logik — alle 871 Bild-Tests bestehen.
  • Fix: Korrigierte OffscreenCanvas-Mock-Muster in Tests für korrekte Konstruktor-Instanziierung.
v1.0.02026-06-11
  • Feature: Erstveröffentlichung mit Extraktion der dominanten Farbe und Top-8-Palette — 100% clientseitig über Web Worker.
  • UX: Drag-and-Drop-Uploadzone mit sofortiger Bildvorschau und Anzeige der dominanten Farbe.
  • UX: Farbfelder mit HEX-, RGB-, HSL-Werten und Ein-Klick-HEX-Kopie in die Zwischenablage.
  • Security: Web-Worker-Isolation gewährleistet null Datenübertragung — die gesamte Verarbeitung erfolgt im Browser.