Farben aus Bild auslesen
Hauptfarben eines Bildes samt Anteil erhalten oder auf einen Punkt klicken und genau diese Farbe nehmen. HEX, RGB, HSL kopieren; CSS oder PNG exportieren.
So lesen Sie Farben aus einem Bild
- Wählen, ziehen oder fügen Sie (Strg+V) ein Bild ein.
- Sehen Sie unten die Hauptfarben (5 bis 12 wählbar) oder fahren Sie über das Bild und klicken Sie, um die genaue Farbe an dieser Stelle zu nehmen – mit Lupe.
- Tippen Sie auf das Kopiersymbol neben einem Code oder exportieren Sie die ganze Palette als CSS, JSON, Tailwind oder PNG-Bild.
Häufige Fragen
Pixel ähnlicher Farbe werden zu Gruppen zusammengefasst und von jeder Gruppe die Durchschnittsfarbe genommen, sortiert nach der Fläche. Der Prozentwert zeigt, welchen Teil des Bildes die Farbe bedeckt.
Fahren Sie mit dem Zeiger (oder Finger) über das Bild: Die Lupe vergrößert die Stelle, damit Sie genau zielen. Klicken oder Finger anheben – die Farbe landet bei „Gewählte Farben“.
Nein. Transparente Pixel werden übersprungen, ein Logo auf transparentem Grund liefert also die Farben des Logos selbst.
Wählen Sie Tailwind: Sie erhalten einen @theme-Block für Tailwind v4 (in Ihr CSS einfügen) und einen Konfigurationsblock für Tailwind v3 (tailwind.config.js). Die Farben funktionieren sofort als bg-palette-1, text-palette-2 usw.
Ja. Die Palette wird auf einer verkleinerten Kopie berechnet (genug für die Hauptfarben und viel schneller), gewählte Farben werden dagegen aus einer scharfen Kopie bis 1600 px gelesen und liegen sehr nah an der echten Farbe.
Es ist völlig kostenlos und ohne Anmeldung nutzbar.
Ähnliche Tools
FarbumrechnerZwischen HEX-, RGB- und HSL-Farbcodes umrechnenFotocollage erstellenMehrere Fotos zu einem Rasterbild verbindenFavicon-GeneratorWebsite-Icons aus Ihrem Logo erstellenBildgröße ändernViele Bilder auf einmal verkleinernBild zuschneidenNur den gewünschten Ausschnitt behaltenBild drehen & spiegelnBilder mit einem Klick drehen oder spiegelnFoto rund zuschneidenFoto rund zuschneiden, transparenter HintergrundText auf Bild schreibenText aufs Foto schreiben, Position und Farbe wählenBildrahmen hinzufügenFarbigen Rahmen um ein Foto setzen