Farbcode aus Bild bestimmen
Nutze die Farbpipette für Fotos, Logos und Screenshots und kopiere den passenden HEX-, RGB- oder HSL-Wert.
oder ein Bild hierher ziehen
JPG, PNG oder WebP · Bis zu 50 MB
Das Bild wird direkt in deinem Browser ausgewertet.
Klicke, tippe oder ziehe auf dem Bild. Die Lupe zeigt benachbarte Pixel. Pfeiltasten bewegen um ein Pixel, mit Umschalt um zehn.
Ausgewählte Farbe
Pixel
8 typische Farben aus dem Bild
Speichere ausgewählte Farben oder Palettenfarben hier.
Foto-Farben richtig einordnen
Wähle ein JPG-, PNG- oder WebP-Bild bis 50 MB; die Analyse läuft auf deinem Gerät. Für eine Logo-Farbe eignet sich die ursprüngliche PNG-Grafik oft besser als ein Foto des gedruckten Logos. Licht, Schatten und Bildkomprimierung verändern Farbtöne: Die Probe beschreibt den Bildpixel, keine verbindliche Farbe eines realen Gegenstands oder Drucks.
Den richtigen Pixel mit der Lupe treffen
Klicke oder tippe innerhalb der gewünschten Fläche. Die Lupe hilft bei kleiner Schrift und feinen Rahmen. Pfeiltasten bewegen die Auswahl um einen Pixel, mit Umschalt um zehn. Prüfe nahe Stellen bei Schatten oder Spiegelungen. Für einen ruhigen Hintergrund bietet die „Bildpalette“ acht typische Farben; kleine Akzente triffst du genauer direkt im Bild.
HEX, RGB und HSL für dein Projekt nutzen
HEX, RGB und HSL beschreiben dieselbe Farbe. Kopiere den passenden Code, etwa HEX für CSS oder ein Designprogramm. „Diese Farbe speichern“ sammelt Proben für Hintergrund, Text und Akzente. Vergleiche sie mit der Bildpalette und teste den Kontrast für kleine Schrift im Zielprogramm.
Die gespeicherte Farbsammlung weiterverwenden
„CSS herunterladen“ liefert die Sammlung für Webseiten, „TXT herunterladen“ eine einfache Liste. Für neue Bildfarben oder Beschriftung kannst du anschließend Bild bearbeiten nutzen.
So geht’s Schritt für Schritt
- Bild auswählen und mit der Lupe den gewünschten Bereich ansteuern.
- Den Pixel anklicken oder mit den Pfeiltasten justieren.
- Den Farbcode kopieren oder mehrere Farben speichern.
- Bei Bedarf die Sammlung als CSS oder TXT herunterladen.
Häufige Fragen
Wie finde ich den HEX-Code eines Logos?
Öffne möglichst die Originalgrafik, wähle einen Pixel innerhalb einer gleichmäßigen Fläche und kopiere den HEX-Wert.
Warum ergeben benachbarte Pixel verschiedene Codes?
Kantenglättung, Schatten und Komprimierung erzeugen Zwischenfarben. Vergleiche mehrere Pixel innerhalb derselben Fläche.
Bleibt Transparenz im Farbwert erkennbar?
Transparente Pixel werden mit einem Alphawert dargestellt. HEX kann dabei acht Stellen enthalten; auch RGB und HSL berücksichtigen die Transparenz.
Kann ich eine Palette für meine Webseite speichern?
Ja. Speichere einzelne Proben oder Farben aus der Bildpalette und lade die Auswahl als CSS oder TXT herunter.
Wie unterscheidet sich die Bildpalette von einer Pixelprobe?
Die Bildpalette zeigt acht typische Farben der gesamten Vorlage. Eine Pixelprobe liest dagegen genau die angeklickte Stelle. Nutze die Palette für eine Farbstimmung und die Probe für einen bestimmten Bereich.
Ist die Farbanalyse kostenlos und ohne Upload möglich?
Ja. Wähle ein JPG-, PNG- oder WebP-Bild bis 50 MB. Die Analyse, deine Farbsammlung und die CSS- oder TXT-Datei werden direkt auf deinem Gerät erstellt. Kostenlose Werkzeuge laden deine Dateien nicht hoch. KI-Funktionen, die auf einem Server ausgeführt werden, laden sie auf unsere Server hoch.
