Hallo Leute,
für ein kleines Projekt im Browser möchte ich Farben aus den drei Anteilen Yellow, Magenta und Cyan mischen. Ich habe drei PNGs, die jeweils in diesen Farben gefärbt sind und an bestimmten Stellen transparent sind. Ich habe sie mal angehangen. Nun möchte ich die drei Bilder gedreht übereinander legen und die Farben mischen. An Stellen wo alle drei Farben übereinanderliegen soll das Bild schwarz sein und an Stellen wo alle drei Transparent sind soll das Bild weiß sein. Die einzelnen Kanäle müssen im Prinzip nur addiert werden. Ich habe mit CSS und Alphablending herumprobiert, aber das funktioniert nicht wie gewünscht, weil ich keine Volltonfarben herausbekomme. Ist ja auch logisch bei einem Alphawert von 0.5...
Was gibt es für andere Methoden? Am liebsten wäre mir eine reine CSS & HTML Lösung. Kann man irgendwie das farbmischverhalten umstellen oder andere Farben benutzen? Die Möglichkeit mit JS einen eigenen "Sampler" zu schreiben ist mir bewusst, aber den aufwand möchte ich nicht machen.
Mein Ziel ist eine solche
Uhr zu simulieren. Hoffe, das ist jetzt keine Schleichwerbung! Diese Uhren bestehen aus drei Scheiben mit den Farben Yellow, Cyan und Magenta. Die Farben sind auf den Scheiben mehr oder weniger stark aufgetragen. Die Scheiben stellen die einzelnen Zeiger der Uhr dar und drehen sich - dadurch enstehen die bunten Farbverläufe.