Farbpalette extrahieren
Palette Extractor
Zieht eine Palette aus N Farben aus einem Bild und exportiert sie als Hex, CSS-Variablen oder ASE-Farbfelder.
Die Farben eines Bildes als Palette, die Sie in ein Stylesheet einfügen können. Der Quantisierer ist der des PNG-Kompressors, mit der Begründung, dass eine Palette, die gut genug ist, das Bild darzustellen, per Definition eine ist, die es beschreibt – und der Anteil des Bildes, den jede Farbe abdeckt, wird gezählt statt geschätzt.
Bild hier ablegen
Die Palette kommt aus demselben Quantisierer, den auch der PNG-Kompressor verwendet — eine Palette, die gut genug ist, das Bild darzustellen, ist eine, die es beschreibt.
So funktioniert es
Legen Sie ein Bild ab
Der Balken unter der Vorschau zeigt jede Farbe mit ihrem tatsächlichen Anteil, sodass eine Farbe, die 2 % des Bildes abdeckt, wie 2 % aussieht.
Legen Sie fest, wie viele Farben Sie wollen
Zwei bis sechzehn. Fünf oder sechs ist meist der Punkt, an dem die Palette aufhört, eine Zusammenfassung zu sein, und anfängt, eine Liste zu sein.
Exportieren Sie in der Form, die Sie brauchen
CSS-Custom-Properties, ein Tailwind-@theme-Block, SCSS-Variablen oder JSON – als Ganzes kopiert statt ein Farbfeld nach dem anderen.
Häufige Fragen
Warum ist eine Farbe, die ich deutlich sehe, nicht in der Palette?
Weil sie zu wenig des Bildes abdeckt. Der Quantisierer optimiert auf die Darstellung des ganzen Bildes, sodass ein heller Akzent auf 1 % der Fläche gegen eine große Fläche nahezu gleicher Grautöne verliert. Erhöhen Sie die Farbanzahl.
Tastet es das ganze Bild ab?
Mit gleichmäßigem Schritt darüber, etwa 400.000 Pixel. Hauptfarben sind eine Eigenschaft der Verteilung, sodass ein Schritt sie erhält – und anders als ein vorheriges Verkleinern kann er keine Farbe erfinden, die nicht im Bild ist.
Die Tailwind-Ausgabe funktioniert in meinem Projekt nicht.
Tailwind 4 definiert Farben als Custom Properties innerhalb von @theme, und das gibt dies aus. Eine v3-artige module.exports-Konfiguration, in ein v4-Projekt eingefügt, tut stillschweigend nichts, und umgekehrt gilt dasselbe.
Eingabe aus
Durchschnitts- und Hauptfarbe
Average & Dominant Colour
Liefert eine repräsentative Farbe für ein Bild – Mittelwert, Median oder häufigste Farbe – als Farbwert.
Farbenblindheit-Simulator
Colour Blindness Simulator
Rendert ein Bild so, wie es bei Protanopie, Deuteranopie, Tritanopie oder in Graustufen gesehen würde.
Farbwähler
Colour Picker
Wählt eine Farbe auf einem OKLCH-Feld, per Bildschirm-Pipette oder aus einem eigenen Bild, und kopiert sie in jeder Notation.
Palettengenerator
Palette Generator
Baut aus einer Grundfarbe eine harmonische Palette nach Komplementär-, Triaden- und Analogregeln.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
Farbformat-Konverter
Colour Format Converter
Wandelt eine Farbe zwischen HEX, RGB, HSL, HWB, LAB, LCH und OKLCH um und nennt die nächste bekannte Farbe.
Kontrast prüfen
Contrast Checker
Bewertet ein Paar aus Vorder- und Hintergrundfarbe nach WCAG 2 und APCA und schlägt die nächste bestehende Farbe vor.
Durchschnitts- und Hauptfarbe
Average & Dominant Colour
Liefert eine repräsentative Farbe für ein Bild – Mittelwert, Median oder häufigste Farbe – als Farbwert.
Palettengenerator
Palette Generator
Baut aus einer Grundfarbe eine harmonische Palette nach Komplementär-, Triaden- und Analogregeln.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.