Farbpalette aus PDF extrahieren

Farbpalette aus einer PDF im Browser extrahieren: dominante Farben mit Hex-, RGB- und HSL-Werten und die exakten Füllfarben aus der Datei. Export als CSS, SCSS, JSON oder Tailwind.

PDF

oder Datei hierher ziehen

PDF

Schnelle KonvertierungSichere VerarbeitungKeine Registrierung

Was eine PDF-Farbpalette liefert

Laden Sie eine Broschüre, ein Brand-Manual, eine Präsentation oder einen Bericht hoch, und das Werkzeug liefert die Farben, aus denen das Dokument besteht: jede als Farbfeld mit Hex-Code, RGB- und HSL-Werten und dem Anteil der gerenderten Seiten, den sie bedeckt. Weißes Papier wird standardmäßig ausgelassen, damit die Akzentfarben vorne stehen.

Die Palette ist der Ausgangspunkt für eine Website, eine Präsentationsvorlage oder ein Designsystem, das zu einem vorhandenen Dokument passen muss. Enthält die PDF auch Fotos oder Logos, die Sie weiterverwenden möchten, holt Bilder aus PDF extrahieren diese als Dateien heraus.

Gerenderte und deklarierte Farben

Zwei Lesarten werden kombiniert. Die Seiten werden gerendert und jeder Pixel gezählt; das erfasst Fotos, Verläufe und gescannte Grafiken. Getrennt davon werden die Zeichenanweisungen in der PDF nach den exakten Füll- und Konturfarben durchsucht, die der Designer Formen und Text zugewiesen hat.

Ein Farbfeld mit der Markierung „deklariert“ trägt den exakten Wert aus der Datei, keinen Pixeldurchschnitt, und ist damit der richtige für ein Stylesheet. Ein Farbfeld mit „gerendert“ stammt nur aus Bildern oder Verläufen, wo es keinen einzelnen exakten Wert gibt.

Exportformate

FormatWo es passt
CSS-VariablenEin :root-Block mit --color-1, --color-2 und so weiter, bereit zum Einfügen in jedes Stylesheet.
SCSSSass-Variablen für Projekte, die ihre Styles kompilieren.
JSONName, Hex, RGB, HSL, Anteil und Quelle jeder Farbe, für Design-Tokens oder Skripte.
TailwindEin theme.extend.colors-Block für tailwind.config.js, damit die Farben zu Utility-Klassen werden.

So extrahieren Sie Farben aus einer PDF

  1. Wählen Sie eine PDF aus. Die Seiten werden in Ihrem Browser gerendert und nacheinander gescannt.
  2. Legen Sie fest, wie viele Farben Sie möchten und ob weißes Papier ignoriert werden soll. Die Palette aktualisiert sich sofort.
  3. Klicken Sie auf ein Farbfeld, um den Hex-Code zu kopieren.
  4. Wählen Sie CSS, SCSS, JSON oder Tailwind und kopieren Sie den Code oder laden Sie ihn als Datei herunter, die nach Ihrer PDF benannt ist.

Was Sie erwarten können

Farben werden von den ersten dreißig Seiten gelesen, was für ein Brand-Manual oder eine Präsentation reicht; sehr lange Berichte werden anhand ihrer Anfangsseiten erfasst. Ähnliche Töne werden gruppiert, damit Anti-Aliasing keine Dutzende Beinahe-Duplikate erzeugt, und die Prozentwerte beschreiben die gerenderten Seiten, nicht die Zahl der Verwendungen.

Farben, die über Sonderfarben-Muster, Verläufe oder ICC-Profile definiert sind, werden nur als gerenderte Pixel erfasst. Passwortgeschützte PDFs lassen sich hier nicht öffnen; schicken Sie sie zuerst durch PDF entsperren. Um eine ganze Seite als Bild in gewählter Auflösung zu behalten, nutzen Sie PDF in PNG.

Häufig gestellte Fragen

Findet die Extraktion in meinem Browser statt?

Ja. Die Seiten werden auf Ihrem Gerät gerendert und die Farben dort gezählt; die Exportdatei entsteht lokal. Wie Uploads und Nutzungsdaten allgemein behandelt werden, steht in der Datenschutzerklärung.

Warum weicht der Hex-Code leicht von dem im Brand-Manual ab?

Farbfelder mit „gerendert“ sind Pixeldurchschnitte, und Anti-Aliasing verschiebt sie um ein paar Einheiten. Farbfelder mit „deklariert“ werden aus den Zeichenanweisungen der PDF gelesen und stimmen exakt mit der Datei überein. Nennt das Manual einen CMYK- oder Pantone-Wert, speichert die PDF nur dessen RGB-Darstellung, die vom gedruckten Referenzwert abweichen kann.

Kann ich Farben aus einer gescannten PDF oder einem Foto extrahieren?

Ja. Scans und Fotos haben keine deklarierten Farben, die Palette entsteht also allein aus den gerenderten Pixeln. Die Gruppierung fasst ähnliche Töne zusammen, und Papierweiß wird ignoriert, solange Sie die Option nicht abschalten.

Was bedeutet der Prozentwert auf jedem Farbfeld?

Der Anteil aller gezählten Pixel auf den gescannten Seiten, die in diese Farbgruppe fallen. Weißes Papier wird bei aktivierter Option nicht mitgezählt, weshalb auch eine kleine Akzentfarbe einen spürbaren Prozentwert zeigen kann.

Welchen Export sollte ich für eine Website nehmen?

CSS-Variablen funktionieren überall und brauchen keinen Build-Schritt. Nehmen Sie SCSS, wenn das Projekt Sass kompiliert, den Tailwind-Block, wenn die Site Tailwind-Utility-Klassen nutzt, und JSON, wenn die Farben in Design-Tokens oder ein Skript fließen.

Kann ich die Farben umbenennen?

Der Export verwendet nummerierte Namen wie color-1 in Reihenfolge des Anteils. Benennen Sie sie nach dem Einfügen in Ihrem Editor um; die Werte bleiben gleich.