Farben aus Bild — Palette & Klick-Pipette
Klicken Sie ins Bild, um eine kleine Region um den Punkt zu mitteln (etwa 7×7 Quellpixel).
Dominante Farben und eine vollständige Palette aus jedem Foto — oder per Klick-Pipette eine Region sampeln. Schritte: Bild wählen, Farbanzahl (2–12) setzen, extrahieren, HEX/RGB/HSL kopieren, oder in die Vorschau klicken für einen lokalen Mittelwert. Beispiel: sechs Töne aus einem Markenfoto, dann Klick aufs Logo für einen Akzent — Datei bleibt auf dem Gerät.
So funktioniert es
Foto wählen und Palette extrahieren: Die Seite verkleinert eine Arbeitskopie (lange Kante ~256 px), überspringt fast transparente Pixel, gruppiert Farben und sortiert nach Häufigkeit. Separat klicken Sie die Vorschau, um ein kleines Quadrat um den Punkt in voller Auflösung zu mitteln und HEX, RGB oder HSL zu kopieren — nichts wird hochgeladen.
Was Sie erwarten sollten
Palettenextraktion und Klick-Aufnahme teilen ein Bild, beantworten aber verschiedene Fragen. Nutzen Sie die Liste, wenn eine Farbe unerwartet wirkt.
- Paletten-Sampling nutzt ein verkleinertes Bitmap (max. Kante ~256 px), damit große Fotos flott bleiben. Feindetails können in benachbarte Farbtöne verschmelzen.
- Pixel mit Alpha unter 128 werden für Palette und Klick-Mittelwerte ignoriert. Vollständig transparente Stellen zeigen eine klare Meldung.
- Sie fordern 2–12 Palettenfarben; bei flachen Bildern kann es weniger sein. Farben nach Stichprobenanteil sortiert.
- Klick mittelt undurchsichtige Pixel in einem ~7×7-Fenster um den Klick in Quellkoordinaten (nicht nur die verkleinerte Vorschau). Regionsprobe, keine Lab-Ein-Pixel-Pipette.
- Datenschutz: Dekodierung, Palettenrechnung und Klick-Sampling laufen lokal in diesem Tab.
Beispiel
Vier-Block-Beispiel laden, Farben bei 6 lassen und extrahieren — Teal, Amber, Grün, Creme und Rot sollten sichtbar sein. Dann den roten Kreis anklicken: Die Aufnahme-Karte zeigt ein rotes HEX aus dem ~7×7-Mittel um den Punkt, bereit zum Kopieren.
Gute Einsätze
- Markenfotos: Palette ziehen, dann Logo oder Button anklicken für einen konkreten Akzent.
- UI-Screenshots: Interface-Palette prüfen, dann Chip oder Icon anklicken für die exakte Regionsfarbe.
- Verlaufsideen: zwei Akzente aus Palette oder per Klick, dann Verlaufsrechner öffnen.
Frequently asked questions
Verlässt mein Bild den Browser?
Nein. Palettenrechnung und Klick-Sampling laufen lokal. Network-Tab prüfen — das Bild wird nicht per POST gesendet.
Wie werden die Hauptfarben gewählt?
Die Seite verkleinert das Bild, verwirft niedrig-alpha Pixel, teilt den Farbraum mit Median-Cut, mittelt jede Gruppe und sortiert nach Stichprobenzahl.
Was passiert, wenn ich ins Bild klicke?
Das Tool mappt den Klick auf Quellpixel und mittelt undurchsichtige Farben in einem kleinen Quadrat (~7×7). Sie erhalten HEX/RGB/HSL für diese Region, getrennt von der Palettenliste.
Warum ist ein Klick kein einzelnes Pixel?
Fotos und UI-Shots sind bei 1×1 verrauscht. Ein kleiner Regionsmittelwert ist stabiler für CSS-Akzente und folgt trotzdem dem Klickpunkt.
Werden animierte GIFs vollständig analysiert?
Nur das erste Frame wird gezeichnet, für die Palette genutzt und steht für Klick-Aufnahme bereit.
Related tools
Fragen oder Feedback
Unklar, kaputt oder etwas fehlt? Schreib unten eine Nachricht — wir lesen jede Notiz zu diesen Tools.