Eine Farbpalette aus einem Bild gewinnen

Schritte

1. Öffnen Sie den Farbpaletten-Generator und legen Sie ein Bild ab.
2. Die Hauptfarben erscheinen sofort. Mit dem Regler fordern Sie weniger oder mehr an, von 2 bis 12.
3. Klicken Sie auf ein Farbfeld, um seinen HEX-Code zu kopieren.
4. Oder kopieren Sie die ganze Palette als Liste oder als CSS-Variablen.

Wie die Farben ausgewählt werden

Ähnliche Pixel werden gruppiert, und jede Gruppe wird zu einer Farbe gemittelt. Eine Farbe, die den größten Teil des Bildes füllt, steht daher zuerst. Der Prozentwert an einem Farbfeld gibt an, wie viel vom Bild diese Gruppe abdeckt.

Ganz oder weitgehend durchsichtige Pixel werden ignoriert, sodass ein Logo auf transparentem Hintergrund die Farben des Logos ergibt und nicht eine dunkle leere.

Die Palette verwenden

Das Kopieren als CSS-Variablen liefert benutzerdefinierte Eigenschaften wie --colour-1, die Sie direkt in ein Stylesheet einfügen können. Die einfache Liste ist praktisch für Notizen oder ein Design-Werkzeug.

Hat das Bild weniger verschiedene Farben, als Sie angefordert haben, erhalten Sie nur die Farben, die es hat. Ein Logo mit drei Farben ergibt drei Farbfelder, nicht zwölf. Für eine einzelne exakte Farbe nutzen Sie stattdessen den Farbwähler.

Tipps

Nehmen Sie ein Bild mit der Stimmung, die Sie wollen. Eine Palette ist nur so gut wie das Bild, aus dem sie stammt, und ein Sonnenuntergangsfoto ergibt ganz andere Farben als ein Produktfoto.

Wählen Sie zwei oder drei Farben aus der Palette statt aller. Die meisten Designs funktionieren am besten mit einer Hauptfarbe, einer Akzentfarbe und einem Neutralton, und die Prozentwerte zeigen, welche Farben die größten Kandidaten sind.