Farben aus Bild extrahieren

Es verwendet eine Technik namens Median-Cut-Quantisierung: Es behandelt die Farbe jedes Pixels als Punkt im 3D-Rot/Grün/Blau-Raum, teilt wiederholt die größte Farbgruppe entlang des Farbkanals, der innerhalb dieser Gruppe am meisten variiert, in zwei Hälften, und sobald es so viele Gruppen wie angeforderte Farben hat, mittelt jede Gruppe zu einer repräsentativen Farbe. Gruppen mit mehr Pixeln stehen zuerst in den Ergebnissen, sodass die Palette widerspiegelt, wie viel des Bildes jede Farbe tatsächlich abdeckt.

Wenn alles auf einmal gemittelt würde, würde ein Foto mit deutlichen roten und blauen Bereichen zu einem matschigen Violett verschmelzen, das im Original nirgendwo vorkommt. Indem der Farbraum vor dem Mitteln in separate Gruppen aufgeteilt wird, enthält jede Gruppe nur ähnliche Farben, sodass rote und blaue Bereiche als eigene, erkennbare Paletteneinträge dargestellt bleiben, statt sich gegenseitig aufzuheben.

Wenn diese Farbe nur einen kleinen Bereich des Bildes abdeckt, kann sie in eine größere, dominantere Gruppe eingebunden werden, anstatt einen eigenen Platz zu bekommen, besonders bei niedrigeren Farbanzahlen. Eine Erhöhung der angeforderten Farbanzahl gibt kleinen oder subtilen Farbbereichen eine bessere Chance, in einen eigenen Paletteneintrag aufgeteilt zu werden.

Das Bild wird vor der Analyse zunächst auf eine kleinere Arbeitskopie herunterskaliert, da die Palettenextraktion nur eine repräsentative Farbstichprobe benötigt, nicht jedes Pixel, und dies hält das Tool auch bei großen Fotos schnell. Dies beeinflusst nicht das Bild selbst, nur die Analyse, es wird nichts hochgeladen und die Originaldatei wird nie geändert.

Ja, klicken Sie auf "Als CSS-Variablen kopieren", um die Palette als einfügbereite benutzerdefinierte Eigenschaften --color-1 bis --color-N zu kopieren, oder "Als HEX-Liste kopieren" für eine einfache Liste von Hex-Codes.