Farbwähler aus einem Bild

Eine Farbe aus einem Bild zu holen ist die Art Aufgabe, die das Betriebssystem erledigen sollte und fast nie erledigt. Die Farbe, die Sie brauchen, steckt in einem Foto einer Wand, im Screenshot eines Diagramms, in einem als JPEG verschickten Logo, und was Sie brauchen, sind sechs Hex-Ziffern zum Einfügen in ein Stylesheet.

Auf ein Pixel zu zeigen ist die leichte Hälfte. Das Bild wird eins zu eins und mit abgeschalteter Glättung gezeichnet, bevor das Pixel gelesen wird. Das klingt nach Pedanterie und ist keine: mit Glättung liefert der Browser eine Mischung aus dem Pixel und seinen Nachbarn zurück, sodass die Farbe, die Sie bekommen, nie im Bild war und beim Einfügen nicht passt.

Die Palette ist die schwierige Hälfte, und das Standardverfahren hat einen bekannten Fehler. Median Cut sortiert die Farben in Kisten, und das Lehrbuch mittelt dann jede Kiste: So entstehen die schlammigen Brauntöne, die im Original nirgends vorkommen, denn der Mittelwert einer roten Blüte und eines grünen Blattes ist Schlamm. Hier ist jedes Feld das echte Pixel, das der Kiste am nächsten liegt, also ist jede angebotene Farbe eine, auf die Sie selbst hätten zeigen können. Die Anteile werden getrennt bestimmt, indem gefragt wird, welchem Feld jedes Pixel am nächsten ist. Median Cut gibt seinen Kisten absichtlich gleich viele Pixel, und das als Anteil zu lesen hieße zu behaupten, in einem Foto, das offensichtlich überwiegend Himmel ist, nehme jede Farbe gleich viel Platz ein.

Und dann ist da die Zahl, die entscheidet, ob das alles brauchbar ist. Eine aus einem Foto geholte Farbe landet fast immer hinter Text, und ob das funktioniert, lässt sich messen: das WCAG-Kontrastverhältnis gegen Weiß und gegen Schwarz, mit markierter Schwelle. Eine Markenfarbe, die im Logo großartig aussieht, liegt oft bei 2,8:1 auf Weiß, und das ist eine Entscheidung, die man absichtlich treffen und nicht später entdecken will.