Bildfarben-Extraktor

Ermittle die Hauptfarben eines beliebigen Bildes und kopiere sie als hex-Codes oder CSS-Variablen.

Kostenlos Keine Registrierung Läuft in deinem Browser

Die Farben werden auf deinem Gerät ausgelesen. Das Bild wird nicht hochgeladen.

Hier erscheinen die Hauptfarben, die häufigste zuerst.

    Nutzt du sie für Text? Prüfe sie mit dem Kontrastprüfer.

    Häufige Anwendungen

    • Die Farbpalette einer Website an ein Markenfoto anpassen
    • Die genauen Farben eines Logos finden
    • Ein Farbschema aus einem Bild erstellen, das dir gefällt

    So funktioniert es

    So ermittelst du die Farben eines Bildes

    Wähle ein Bild aus

    Wähle ein Foto, ein Logo oder einen Screenshot aus oder zieh die Datei in das Feld.

    Lege die Anzahl der Farben fest

    Wähle 4 bis 10 Farben. Ähnliche Töne werden zusammengefasst, damit die Palette klar unterscheidbare Farben zeigt.

    Kopiere die Farben

    Klicke auf ein Farbfeld, um seinen hex-Code zu kopieren, oder kopiere die ganze Palette als CSS-Variablen.

    FAQ

    Gut zu wissen

    Wie verwende ich den Bildfarben-Extraktor?

    1. Wähle ein Bild: Wähle ein Foto, ein Logo oder einen Screenshot aus oder zieh die Datei in das Feld. 2. Lege die Anzahl der Farben fest: Wähle 4 bis 10 Farben. Ähnliche Töne werden zusammengefasst, damit die Palette klar unterscheidbare Farben zeigt. 3. Kopiere die Farben: Klicke auf ein Farbfeld, um seinen hex-Code zu kopieren, oder kopiere die ganze Palette als CSS-Variablen.

    Wie werden die Farben ausgewählt?

    Sichtbare Pixel werden nach ähnlicher Farbe gruppiert, und die größten Gruppen stehen oben – jeweils mit ihrem Anteil am Bild.

    Werden transparente Bereiche mitgezählt?

    Nein. Überwiegend transparente Pixel werden ignoriert, sodass ein Logo auf transparentem Hintergrund seine echten Farben liefert.

    Wird mein Bild hochgeladen?

    Nein. Das Bild wird in deinem Browser gelesen und verlässt nie dein Gerät.