Verwandte Tools Bildkonverter SVG-Optimierer und -Minifizierer

Verarbeitungslimit: Bilddateien bis 75 MB · Auflösung mobil 40 MP / PC 80 MP

Ziehen Sie ein Bild hierher oder klicken Sie, um es auszuwählen

JPG, PNG, WebP, GIF, SVG und andere Bilder, die Ihr Browser lesen kann

Bildvorschau

Nachdem Sie ein Bild ausgewählt haben, wird eine Vorschau angezeigt.

Extraktionsoptionen

Anzahl der Farben8 Farben Abtastintervall Farbverlaufsrichtung Kontrasthintergrund

Hilfreiche Informationen

Extrahieren Sie dominante Farben aus Logos, Produktfotos und Bannern für Website-Themen, Produktseiten, Miniaturansichten und CSS-Variablen.

Hochgeladene Dateien verlassen niemals Ihr Gerät. Für die Verarbeitung wird ausschließlich Ihr lokaler Computer verwendet.

Das Einlesen des Bildes, die Farbextraktion, die Verlaufserzeugung und der PNG-Download erfolgen vollständig in Ihrem aktuellen Browser.

F. Warum sind die extrahierten Farben so ähnlich?

Reduzieren Sie die Anzahl der Farben oder stellen Sie das Abtastintervall auf „Standard“ oder „Schnell“ um, um nahezu doppelte Farbtöne zu vermeiden.

F. Werden SVG-Dateien unterstützt?

SVG-Dateien, die Ihr Browser als Bilder rendern kann, lassen sich in der Vorschau anzeigen und auf ihre Farben analysieren.

F. Was bedeutet der Kontrastwert?

Das WCAG-Kontrastverhältnis zwischen dem ausgewählten Hintergrund und jeder extrahierten Farbe. Verwenden Sie es als Leitfaden bei der Auswahl der Textfarben.

F. Wofür werden CSS-Variablen verwendet?

Nützlich für die Verwaltung wiederkehrender Farben in Website-Themen, Schaltflächen, Hintergründen, Diagrammen und mehr.

E-Commerce:Extrahieren Sie Markentöne aus Produktfotos und verwenden Sie sie in Farbschemata für Produktseiten.

Design:Erstellen Sie schnell einen Bannerverlauf aus zwei oder drei dominanten Farben.

Entwicklung:Kopieren Sie CSS-Variablen und fügen Sie die Designfarben direkt in Ihren Code ein.

Lesbarkeit:Wählen Sie Farben mit einem hohen Kontrastverhältnis als Textfarbkandidaten.

Dieses Tool ist keine Pipette zum Anklicken eines exakten Pixels. Es analysiert das gesamte Bild und extrahiert automatisch 4–12 repräsentative Farben. Weitgehend transparente und nahezu weiße Pixel werden als Hauptfarben übersprungen; für jede Farbe werden HEX, RGB und HSL angezeigt. Das direkte Auswählen eines exakten Pixels per Klick wird nicht unterstützt.

Farbpalette aus Bild - Dominante Farben & CSS-Verlauf

Ziehen Sie ein Bild hierher oder klicken Sie, um es auszuwählen

Extraktionsoptionen

Extrahierte Palette

CSS-Verlauf

CSS-Code

Hilfreiche Informationen

Wie extrahiere ich eine Palette aus einem Bild?

Wo werden hochgeladene Dateien verarbeitet?

Häufig gestellte Fragen (FAQ)

Tipps

Kann ich wie mit einer Bild-Farbpipette ein exaktes Pixel anklicken?