Zum Inhalt springen
snowkitDesign

Eine Farbpalette aus jedem Bild extrahieren

Wähle, wie viele Farben du willst, und exportiere die Palette für CSS, Design-Tokens, GIMP oder Adobe-Apps.

Farbwähler

Bild hier ablegen JPG, PNG, WebP, GIF oder SVG. Du kannst auch einen Screenshot mit Ctrl+V einfügen.

Öffne ein Bild und klicke irgendwo hinein, um eine Farbe zu wählen

Mit einer Zoom-Lupe triffst du auch kleine Details, und die Hauptfarben des Bildes werden als Palette ausgelesen, die du kopieren oder exportieren kannst. Finde die exakte Farbe von allem in einem Bild, kostenlos und privat.

So wählst du eine Farbe aus einem Bild

  1. Tippe auf „Bild öffnen“.
  2. Fahre über das Bild und klicke oder tippe, um eine Farbe aufzunehmen. Mit „Messbereich“ mittelst du über 1 Pixel, 3 × 3 oder 5 × 5 Pixel.
  3. Lies den Wert als HEX, RGB oder HSL ab und tippe auf „Kopieren“.
  4. Deine gewählten Farben werden unter „Deine Auswahl“ gesammelt.
  5. Wähle „Hauptfarben“ oder „Gleichmäßig verteilt“ für eine automatische Palette und lege fest, wie viele Farben du möchtest.
  6. Wenn die Palette nicht ganz passt, sperre die Farben, die dir gefallen, entferne die anderen und tippe auf „Rest neu wählen“. Mit „Aus Bild hinzufügen“ kommt jede angeklickte Farbe in die Palette.
  7. Wähle unter „Exportieren“ Palette, CSS, JSON, GIMP oder Adobe und tippe auf „Palette herunterladen“.

Exakte Farben aus jedem Bild

Fahre über das Bild, und die Lupe zeigt die Pixel unter deinem Zeiger vergrößert an, mit dem gewählten Pixel in der Mitte. Klicke oder tippe, um es auszuwählen. Am Handy ziehst du den Finger und hebst ihn auf der gewünschten Farbe an; die Lupe sitzt über deinem Finger, damit du siehst, was darunter liegt. Mit der Tastatur fokussierst du das Bild und nutzt die Pfeiltasten, mit gedrückter Umschalttaste geht es schneller, dann drückst du Enter.

Eine Palette in einem Schritt

„Hauptfarben“ fasst ähnliche Pixel zusammen und listet die Farben auf, die den größten Teil des Bildes ausmachen, ideal für Fotos und Markenbilder. „Gleichmäßig verteilt“ teilt das gesamte Farbspektrum in gleich große Gruppen, sodass kleine Akzente wie ein Logo oder eine Button-Farbe eher ein eigenes Farbfeld bekommen. Wähle, wie viele Farben du möchtest; jedes Farbfeld zeigt, wie viel vom Bild es abdeckt.

Bereit für deine Design-Tools

Kopiere einen einzelnen Wert als HEX, RGB oder HSL für CSS oder exportiere die ganze Palette als CSS Custom Properties, als JSON für Code und Design-Tokens, als GIMP-Palette, die auch Inkscape und Krita lesen, oder als Adobe-Swatch-Exchange-Datei für Photoshop und Illustrator. Bilder werden von deinem Browser gelesen und nie hochgeladen.

Tipps für genaue Farben

  • Nutze bei Fotos einen größeren Messbereich, da einzelne Pixel Bildrauschen enthalten können.
  • Nutze 1 Pixel für flache Logos, Icons und Screenshots, wenn du den exakten Wert brauchst.
  • Denk daran, dass die Farben eines Fotos von Licht und Kamera abhängen und daher vom echten Objekt abweichen können.
  • Mit dem Farbkonverter prüfst du den Kontrast und wechselst zwischen Formaten.

Typische Einsätze

Eine Website oder Folie an ein Logo anpassen, eine Farbpalette aus einem Foto erstellen, Wand- oder Stofffarben aussuchen und die exakte Farbe aus einem Screenshot übernehmen. Designer, Studierende und Selbstständige nutzen es jeden Tag.

Fragen

Wird mein Bild hochgeladen?

Nein. Es wird in deinem Browser ausgelesen.

Welche Bildtypen funktionieren?

Jedes Bild, das dein Browser öffnen kann, auch PNG, JPG, WebP, GIF und SVG.

Welches Palettenformat sollte ich nehmen?

CSS für Websites, JSON für Code, GIMP für kostenlose Grafikprogramme und Adobe für Photoshop und Illustrator.

Wie geht’s weiter

Mach mit deinem Ergebnis weiter, weiterhin auf deinem Gerät.

Mehr von Snowkit