Einen bestimmten Farbton aus einem Foto für ein Design herausziehen. Eine UI-Akzentfarbe an ein Brand-Asset anpassen, dessen Hex du nicht hast. Einzelne Markenfarben aus einem Logo-Bild Klick für Klick herausziehen. Moodboard-Palette aus einem Filmstill oder Kunstwerk aufbauen. Prüfen, ob zwei Bildbereiche wirklich dieselbe Farbe haben (oder nur ähnlich aussehen).

Bild-Farbpicker

Bild hochladen, irgendwo klicken und Hex, RGB und HSL dieses Pixels ablesen. Mehrere Klicks bauen eine eigene Palette. Reiner Browser, kein Upload.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

Wofür ist das?

Dieses Tool verwandelt jedes hochgeladene Bild in eine anklickbare Farbquelle. Hover irgendwo und lies das exakte Pixel unter dem Cursor als Hex, RGB und HSL ab — mit einer Lupe, die 8× zoomt, damit du Pixel präzise pickst, ohne zu blinzeln. Klick, um eine Farbe in eine eigene Palette zu locken: bau die Palette durch mehrere Klicks auf dem Bild auf. Klick auf einen Swatch, um ihn zu entfernen. Das Bild verlässt deinen Browser nie.

Wann verwenden

Einen bestimmten Farbton aus einem Foto für ein Design herausziehen.
Eine UI-Akzentfarbe an ein Brand-Asset anpassen, dessen Hex du nicht hast.
Einzelne Markenfarben aus einem Logo-Bild Klick für Klick herausziehen.
Moodboard-Palette aus einem Filmstill oder Kunstwerk aufbauen.
Prüfen, ob zwei Bildbereiche wirklich dieselbe Farbe haben (oder nur ähnlich aussehen).

Wie Präzision funktioniert

Einzelpixel-Sampling ist exakt, aber verrauscht — Anti-Aliasing-Kanten, JPEG-Artefakte und Subpixel-Rendering führen zu leichten Abweichungen zwischen Nachbarn. Die 8×-Lupe zeigt dir das gemeinte Pixel direkt, damit du nicht auf den Durchschnitt vertrauen musst. Für Brand-Extraktion zählt das; für Moodboards kannst du es ignorieren.

Häufige Stolpersteine

Anti-Aliasing auf Text. Buchstaben haben weiche Kanten, die nicht die eigentliche "Tinten"-Farbe repräsentieren. Klick in die Mitte eines dicken Striches, nicht auf eine Kante.
JPEG-Artefakte. Stark komprimierte Fotos driften in vermeintlich flachen Bereichen. Brauchst du eine saubere Farbe, nutze PNG-Quellen.
Bild wird zur Anzeige skaliert. Sehr große Bilder werden auf ~700px Breite verkleinert. Das geklickte Pixel kommt vom angezeigten Canvas, nicht vom Original. Crop vorher, wenn du Pixel-genaue Werte aus einem Mini-Element willst.
HSL ist abgeleitet, nicht gespeichert. Der Browser speichert RGB; HSL ist nur eine andere Beschreibung derselben Farbe. Round-trips können winzige Rundungsdifferenzen einbringen.