So funktioniert es
- 1Foto in das Feld ziehen oder per Klick auswählen; zu Beginn wird ein Beispielbild gezeigt.
- 2Anzahl der Farben zwischen 3 und 16 einstellen und K-Means oder Median Cut wählen.
- 3Farben nach Anteil oder Helligkeit sortieren und HEX-Codes mit einem Klick kopieren.
- 4Palette als CSS-Variablen, JSON oder PNG-Farbstreifen exportieren.
So werden die Hauptfarben ermittelt
Das Bild wird verkleinert und die Pixel werden in einem wahrnehmungsnahen Farbraum (CIELAB) gruppiert. K-Means fasst Töne zusammen, die für das Auge ähnlich wirken, und liefert meist die natürlichste Palette. Median Cut teilt den Farbbereich immer wieder in zwei Hälften und ergibt eine gleichmäßige Verteilung, die auch kleine, aber auffällige Akzente erfasst. Zu jeder Farbe steht ihr prozentualer Anteil am Bild.
Für Malerei, Design und Wohnraum
Planen Sie Ihre Mischungen, bevor Sie eine Landschaft malen, übernehmen Sie Website-Farben aus einem Markenfoto oder holen Sie sich Ideen für Wand- und Textilfarben aus einem Raumfoto. Eine Bildschirmfarbe ist jedoch keine physische Farbprobe: Monitor, Licht und Kamera verändern sie. Prüfen Sie vor dem Farbkauf immer die Farbkarte des Herstellers.
Ihr Bild bleibt auf Ihrem Gerät
Die Berechnung läuft vollständig im Browser in einem Hintergrund-Thread (Web Worker). Das Foto wird nicht hochgeladen – im Sinne der DSGVO werden keine Bilddaten an Server übertragen.
Häufige Fragen
Wie finde ich den Farbcode aus einem Bild?
Fügen Sie das Bild hinzu; die dominanten Farben werden mit HEX (#rrggbb) und RGB angezeigt. Mit dem Kopieren-Button übernehmen Sie den Code direkt in Photoshop, Canva, Figma oder Ihr CSS.
Wie viele Farben sollte ich wählen?
Für eine allgemeine Palette reichen 5–6 Farben. Wer zum Malen Tonabstufungen sehen möchte, wählt 10–16.
Was ist der Unterschied zwischen K-Means und Median Cut?
K-Means fasst ähnlich wirkende Farben zusammen und wirkt natürlicher. Median Cut ist schneller und teilt den Farbbereich gleichmäßig auf, wodurch auch kleine Akzentfarben erscheinen.
Stimmt die Farbe genau mit einer Farbkarte überein?
Nein. Bildschirmfarben hängen vom Monitor und vom Licht im Foto ab. Nutzen Sie das Ergebnis als ungefähre Referenz und vergleichen Sie es mit einer physischen Farbkarte.
Mit den Ergebnissen nicht zufrieden?
Sprechen Sie mit Webin Agency über schnelle, SEO-freundliche Websites, E-Commerce und Google-Ads-Betreuung.