Kostenloser Bildfarben-Extraktor

Wie die Palette abgetastet wird

Das Bild wird auf ein kleines Canvas gezeichnet, seine Pixel werden gelesen und die Farben werden gruppiert, sodass die dominanten nach oben steigen. Die Abtastung aus einer herunterskalierten Kopie ist Absicht: Sie hält ein 40-Megapixel-Foto schnell analysierbar und verhindert, dass eine verrauschte Ecke das Ergebnis dominiert. Alles läuft lokal, sodass Markenassets und unveröffentlichte Grafiken niemals hochgeladen werden.

Sie erhalten Hex-Codes, die Sie direkt in ein Stylesheet oder eine Design-Token-Datei einfügen können.

Eine extrahierte Palette lesen

Extrahierte Farben sind ein Ausgangspunkt, kein fertiges System. Die dominanten Farben eines Fotos sind fotografisch: Sie tragen die Beleuchtung und Stimmung dieses spezifischen Bildes, was oft das Gegenteil dessen ist, was eine nutzbare Interface-Palette braucht. Behandeln Sie die Ausgabe als Beleg dafür, was das Bild enthält, und wählen Sie dann barrierefreie Paarungen bewusst.

Prüfen Sie den Kontrast, bevor Sie ausliefern. Ein Farbpaar, das in einer Farbmusterreihe angenehm aussieht, kann für Fließtext dennoch Lesbarkeitsschwellen verfehlen, und eine extrahierte Akzentfarbe, die als Button-Label-Farbe verwendet wird, hat möglicherweise bei Weitem nicht genug Kontrast zu ihrem Hintergrund.

Wann Extraktion das falsche Werkzeug ist

Wenn das Ziel ist, ein bestehendes Markensystem zu treffen, tasten Sie die Markendatei ab statt eines zufälligen Fotos. Wenn das Ziel ein vollständiges Designsystem ist, liefert die Extraktion Ihnen Farbtöne, aber nicht die Tints, Shades, Abstände oder semantischen Rollen, die Sie tatsächlich brauchen. Nutzen Sie sie, um eine Entscheidung zu informieren, nicht um sie zu treffen.