Wie funktioniert das Farbton in Photoshop?

Question

In Photoshop können Sie den Mischmodus einer Ebene einstellen, um "Hue" zu sein. Wenn diese Schicht beispielsweise mit Blau gefüllt ist, scheint es die darunter liegende Schicht zu nehmen und macht alles blau, wo immer eine nicht weihische Farbe besteht.

Ich frage mich, was es tatsächlich tut. Wenn ich eine Hintergrundschicht mit einem Pixel Aarrggbb und der Ebene oben darin habe, wird auf den Mischungsmodus "Farbton" eingestellt, und es gibt ein Pixel AarrgGBB auf dieser Ebene, wie sind diese beiden Werte kombiniert, um das Ergebnis zu geben, dass wir sehen?

Es lässt das RRGGBB nicht nur aus der darunter liegenden Ebene fallen. Wenn es tat, ist es auch Farbe weiß und schwarz. Es würde auch keine Farbvariationen durchlassen.

Wenn ein Hintergrundpixel 0xFF00FF00 ist und das entsprechende Hue-Schicht-Pixel 0xFF0000FF ist, gehe ich davon aus, dass das Endergebnis nur 0xFF0000FF sein wird, da das FF-Blau das FF-Grün ersetzt. Wenn jedoch der Hintergrundpixel 0x55112233 ist und der Hue-Schicht-Pixel 0xFF0000FF ist, wie kommt es mit dem Blau-Farbton, mit dem es kommt?

Der Grund, warum ich frage, ist, dass ich verschiedene Bilder machen möchte, und ändern Sie den Farbton des Bildes programmgesteuert in meiner App. Anstatt 8 verschiedene Versionen desselben Bildes mit verschiedenen Farben zu speichern, möchte ich ein Bild speichern und nach Bedarf färben.

Answer 1

Ich habe einen Algorithmus gefunden, um RGB hier in den HSV umzuwandeln: http://www.cs.rit.edu/~ncs/color/t_convert.html

Natürlich erwähnt es am Ende dieser Seite, dass das Java-Farbobjekt bereits Methoden zum Umwandeln zwischen RGB und HSV hat, also habe ich das gerade verwendet.

Answer 2

Ich habe einen Weg gesucht, diesen Mischmodus in JavaScript / Leinwand zu replizieren, aber ich habe nur den Filter- / Mischungsmodus "Colorize" aufgetreten. (Beispiele unten)

Colorize Algorithmus:

.
1. Konvertieren Sie die Farben von RGB nach HSL;
2. Ändern Sie den Farbtonwert in den gewünschten (in meinem Fall 172- oder 0,477);
3. Wiederherstellen Sie das Update HSL auf RGB

   Hinweis: Das ist auf dem Desktop in Ordnung, aber es ist auf einem Smartphone spürbar, das ich gefunden habe.

   Sie können den Unterschied durch Vergleich dieser drei Bilder sehen. Original:

   

   Colorize:

   

   Fireworks '"Blend Hue" Algorithmus (was ich denke, ist das gleiche wie Photoshops):