Zum Inhalt springen
Utilizy

Farbpalette aus Bild

Eine Palette aus jedem beliebigen Bild ziehen

Läuft in Ihrem Browser

Bild

Ergebnis

Ergebnis

Noch kein Bild

Ziehen Sie ein Bild hierher, dann erscheint die Palette hier.

Der Prozentwert gibt an, wie viel der Bildfläche diese Farbfamilie einnimmt.

Ein Design rund um ein Foto, ein Logo oder eine Verpackung zu bauen ist viel leichter, wenn Sie die tatsächlichen Farben als Zahlen sehen. Ziehen Sie ein Bild hierher und erhalten Sie die dominanten Töne mit ihren HEX-Codes.

So funktioniert es

  1. 1 Ziehen Sie ein Bild hierher.
  2. 2 Wählen Sie, wie viele Farben die Palette enthalten soll.
  3. 3 Klicken Sie auf ein Farbfeld, um seinen HEX-Code zu kopieren.
  4. 4 Oder kopieren Sie den ganzen Satz als CSS-Variablen.

Häufige Fragen

Wie werden die Farben ausgewählt?

Die Pixel werden zu Gruppen ähnlicher Farbe zusammengefasst, und jede Gruppe steuert ihren Durchschnitt bei. Deshalb erhalten Sie eine Handvoll repräsentativer Töne statt nur des häufigsten einzelnen Pixelwerts.

Wie viele Farben soll ich extrahieren?

Fünf ist ein guter Standard — grob ein Hintergrund, ein Vordergrund, ein Akzent und zwei ergänzende Töne. Über acht entstehen meist Beinahe-Dubletten, die als Palette wenig nützen.

Was bedeutet der Prozentwert?

Wie viel der Bildfläche zu dieser Farbgruppe gehört. Eine Farbe mit 40% dominiert das Bild; eine mit 3% ist ein kleiner Akzent — oft genau der, den Sie für Schaltflächen möchten.

Passt gut dazu