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
- Bildkompressor & FormatkonverterDateigröße senken, ohne die Qualität sichtbar zu beschädigen (WebP / JPG / PNG).
- Bild auf KB verkleinern: Pixelmaß, KB-Grenze und DPIEin Foto auf Pixelmaß, KB-Grenze und DPI bringen, die ein Online-Formular verlangt — in einem Schritt.
- Bild-DPI-Konverter (72 auf 300 DPI)Den vom Druck verlangten DPI-Wert setzen und sehen, wie groß die Datei tatsächlich gedruckt wird.
- DPI-Rechner: Pixel, Druckgröße und DPI umrechnenBerechnen, wie viele Pixel ein Druck braucht, wie groß ein Foto gedruckt wird oder welche DPI tatsächlich herauskommen.
- PDF-DPI prüfen: tatsächliche Auflösung aller BilderDie effektive Auflösung jedes Bildes im PDF sehen — und wo die zu gering aufgelösten auf der Seite liegen.
- Bilder-zu-PDF-ErstellerMehrere Fotos in genau der Reihenfolge, die Sie festlegen, zu einem PDF zusammenfassen.