$ tools/image-color-picker

Bild-Farbpicker

Lade ein beliebiges Bild hoch und wähle exakte Farben — hex, RGB, HSL und CMYK. Oder extrahiere automatisch die dominante Farbpalette. Klick zum Kopieren, läuft im Browser.

Leg ein Bild hier ab
PNG, JPG, WebP oder GIF — oder aus der Zwischenablage einfügen (⌘/Strg+V)
100 % lokal · nichts wird hochgeladen
#000000
beweg über das Bild…

$ Auto-Palette

Farben
Lade ein Bild, dann extrahier seine dominanten Farben.

# Gewählte Farbe

Klick irgendwo auf das Bild, um eine Farbe zu wählen.
HEXcopy
RGBcopy
HSLcopy
CMYKcopy

$ Gespeicherte Palette

Gewählte Farben sammeln sich hier. Klick auf ein Swatch, um seinen Hex zu kopieren.

$ So pickst du Farben aus einem Bild

  1. Leg dein Bild in die Box oben, wähl eine Datei oder füg eines direkt aus der Zwischenablage ein. Alles passiert lokal im Browser — das Bild wird nirgendwo hochgeladen.
  2. Beweg den Cursor übers Bild. Die Lupe zeigt einen Pixel-Zoom und den Live-Hex-Code, damit du genau die Stelle triffst, die du willst.
  3. Klick zum Wählen. Die Farbe erscheint rechts als Hex, RGB, HSL und CMYK. Klick einen Wert, um ihn sofort zu kopieren.
  4. Klick weiter, um eine Palette zu bauen. Gespeicherte Farben sammeln sich unten — kopier alle auf einmal oder schnapp dir ein einzelnes Hex mit einem Klick.

Warum Farben direkt aus einem Bild ziehen?

Wenn du den Store-Eintrag, eine Feature-Grafik oder ein Icon einer App designst, tragen deine Screenshots schon eine Farbgeschichte. Echte Pixel zu sampeln — dein Marken-Blau, der Akzent in deiner UI, der genaue Hintergrundton — hält alles konsistent, statt zu schätzen. Match deine Screenshot-Captions, Hintergründe und Frames an Farben, die wirklich in deinem Produkt vorkommen.

Hex, RGB, HSL oder CMYK — was nehme ich?

Hex und RGB sind für Bildschirme: App-UIs, Store-Assets, Websites. HSL ist am einfachsten zum Feintunen — schieb Helligkeit oder Sättigung ohne Raten. CMYK ist nur wichtig, wenn etwas gedruckt wird, etwa eine physische Promo-Karte. Dieses Tool gibt dir alle vier für jedes Pixel, damit du nie von Hand umrechnen musst.

$ FAQ

Wird mein Bild auf einen Server hochgeladen?

Nein. Der Picker liest Pixel direkt im Browser via Canvas. Dein Bild verlässt dein Gerät nie — das macht es auch schnell und privat.

Welche Bildformate funktionieren?

Alles, was dein Browser rendern kann — PNG, JPG, WebP, GIF, BMP und die meisten anderen. Du kannst auch ein Bild aus der Zwischenablage mit ⌘/Strg+V einfügen.

Kann ich mehr als eine Farbe wählen?

Ja. Jeder Klick fügt die Farbe deiner gespeicherten Palette unten hinzu. Du kannst die ganze Liste an Hex-Codes auf einmal kopieren — praktisch, um eine Palette in deine Design-Datei zu ziehen.

Wie genau ist die gewählte Farbe?

Sie liest das exakte Pixel unterm Cursor, also pixelgenau. Die Lupe hilft dir, die genaue Stelle zu treffen, besonders bei vollen oder detaillierten Bildern.

Funktioniert es auf Mobilgeräten?

Ja. Tipp aufs Bild, um eine Farbe zu wählen, statt zu hovern. Der gewählte Wert und die Palette verhalten sich gleich.

Farben in der Tiefe erkunden

Eine Farbe gewählt, die dir gefällt? Vertief dich auf unseren Farbseiten in Tönungen, Schattierungen, Harmonien, Kontrast und Bedeutung.

Gefällt dir LaunchShots?
Für immer kostenlos — wenn es dir Zeit gespart hat, kannst du mir einen Kaffee spendieren.
Unterstützen →
kopiert ✓