Zuletzt aktualisiert:
Farben eines Bildes als Code
Wenn Sie eine Farbe aus einem Foto, einem Logo oder einem Screenshot übernehmen wollen, brauchen Sie nicht ihren Namen, sondern ihren exakten Code. Dieses Werkzeug liest die dominanten Farben aus dem hochgeladenen Bild und gibt jede als HEX (`#1e293b`) und RGB aus.
Typische Anwendungsfälle: die Hausfarben einer Marke aus deren Logo ziehen, aus der Stimmung eines Fotos eine Website-Palette bauen, oder eine Oberflächenfarbe aus einem Screenshot exakt treffen.
Einzelne Punkte mit der Pipette
Die Liste der dominanten Farben beschreibt das Bild als Ganzes. Brauchen Sie eine ganz bestimmte Stelle, öffnen Sie die Pipette und klicken auf ein beliebiges Pixel — der genaue Code erscheint sofort.
Die fertige Palette lässt sich als CSS-Variablen exportieren und direkt in Ihr Stylesheet einfügen. Das Bild wird nicht hochgeladen, die Analyse läuft im Browser.
Wie erstellt man eine Farbpalette aus einem Bild?
Schritt 1: Bild hochladen
Foto, Logo oder Screenshot hineinziehen. PNG, JPG und WebP werden unterstützt.
Schritt 2: Dominante Farben ansehen
Das Werkzeug analysiert die Farbverteilung und listet die auffälligsten Farben mit HEX- und RGB-Wert.
Schritt 3: Punkt genau abnehmen
Reicht die Liste nicht, Pipette aktivieren und im Bild auf das gewünschte Pixel klicken.
Schritt 4: Kopieren oder exportieren
Einzelnen Code kopieren oder die gesamte Palette als CSS-Variablen exportieren und ins Projekt einfügen.
Häufig gestellte Fragen
Was ist der Unterschied zwischen HEX und RGB?
Beide beschreiben dieselbe Farbe in unterschiedlicher Schreibweise. HEX ist der sechsstellige Hexadezimalcode wie `#1e293b` und in CSS am gebräuchlichsten. RGB gibt Rot-, Grün- und Blauanteil als Zahlen von 0 bis 255 an, was praktisch ist, sobald Transparenz dazukommt.
Wie viele Farben werden ausgelesen?
Das Werkzeug fasst die auffälligen Töne der Farbverteilung zusammen. Eine brauchbare Palette braucht selten mehr als fünf bis sechs Farben; darüber hinaus nehmen Sie einzelne Punkte mit der Pipette ab.
Was passiert bei transparenten PNGs?
Transparente Bereiche fließen nicht in die Zählung ein, die Palette stammt also nur aus den tatsächlich gefüllten Bildteilen. Bei Logos auf leerem Hintergrund wird das Ergebnis dadurch sauberer.
Wird mein Bild hochgeladen?
Nein. Das Bild wird im Browser analysiert und nirgendwohin gesendet.
Verwandte Werkzeuge
- Foto-Metadaten & Datenschutz-ReinigerSehen Sie GPS-Standort, Gerätedaten und versteckte EXIF-/C2PA-Daten in Ihrem Foto — und löschen Sie sie mit einem Klick.
- Bildkompressor & FormatkonverterDateigröße senken, ohne die Qualität sichtbar zu beschädigen (WebP / JPG / PNG).
- Bild-DPI-Konverter (72 auf 300 DPI)Den vom Druck verlangten DPI-Wert setzen und sehen, wie groß die Datei tatsächlich gedruckt wird.
- MP3-Metadaten & ID3-Tag-EntfernerStudio-, Software- und Personenangaben aus Audiodateien entfernen — Titel und Interpret bleiben.
- Bilder-zu-PDF-ErstellerMehrere Fotos in genau der Reihenfolge, die Sie festlegen, zu einem PDF zusammenfassen.
- Word (.docx) zu PDF KonverterWord-Dokumente im Browser in PDF umwandeln, ohne dass Daten Ihr Gerät verlassen.