it-swarm-eu.dev

Wie erhält man eine konsistente "wahrgenommene" Farbe auf einem transparenten Hintergrund?

Ich bin in einer Essiggurke.

Ich muss Formularsteuerelemente (Schaltflächen, Kontrollkästchen, Texteingaben usw.) auf einem halbtransparenten schwarzen Hintergrund (85% Alpha) erstellen.

So sehen sie bisher aus:

Le checkboxes

Beachten Sie den Unterschied zwischen den beiden oberen und den unteren beiden. Der Unterschied besteht darin, dass der untere und rechte Rand gerade hell genug sind, um diesen coolen Inset-Look zu erzielen. Das Problem? Alle bis auf einen dieser Ränder haben dieselbe Farbe.

:(

Da es sich um einen transparenten Hintergrund handelt, erscheinen die Linien Ihrem Auge je nach Farbe dahinter entweder heller oder dunkler! Also, dieser gepflegte Inset-Look wird kommen und gehen, basierend auf dem, was darunter ist. Ich möchte immer, dass der gepflegte Look da ist. Wie kann ich das tun? Gibt es dafür Tricks im Mischmodus?

P.S. Ich habe vergessen zu erwähnen, dass dies irgendwann in Flash angezeigt wird, also habe ich ein bisschen Spaß mit Mischmodi und so.

Bearbeiten : Ich habe ein anderes Bild erstellt, um das Problem besser zu verdeutlichen (mit "zu dunkel" und "zu hell" beziehe ich mich immer noch auf den rechten und unteren Rand).

Another Example

6

Sie können entweder einen Bildschirm- oder einen Farbausweichmodus verwenden. Sie können auch einfach eine rein weiße Farbe verwenden, aber die Transparenz des Randbereichs auf den Prozentsatz einstellen, den er aufhellen soll. Dies entspricht der Verwendung eines Bildschirmmischmodus mit einer grauen Farbe dieser Leuchtkraft.

Edit :
Die wahrgenommene Leuchtkraft basiert auf der Hintergrundfarbe, gegen die die FG-Farbe zurückgesetzt wird - wie Sie in Ihren Bildern gesehen haben. Im Moment werden Ihre Kontrollkästchen-Highlights unabhängig vom Hintergrund in derselben Farbe und demselben Farbton gerendert. Wenn der Hintergrund also hell ist, erhöht er die Leuchtkraft nur ein wenig oder gar nicht, aber wenn der Hintergrund dunkel ist, erhöht er die Leuchtkraft um ein Vielfaches. Dies verleiht dem Highlight ein unnatürliches/inkonsistentes Aussehen.

Die Korrektur besteht darin, dass die Glanzlichter den Hintergrund um X% aufhellen, sodass er immer X% heller als die benachbarten Pixel ist. Die "wahrgenommene" Leuchtkraft beträgt dann unabhängig vom Hintergrund X% (wenn der Hintergrund nicht zu hell ist, kann die Helligkeit nicht um die vollen X% erhöht werden).

2
Lèse majesté