it-swarm-eu.dev

Jak získat konzistentní „vnímanou“ barvu na průhledném BG?

Jsem v nálevu.

Musím vytvořit ovládací prvky formuláře (tlačítka, zaškrtávací políčka, textové vstupy atd.) Na poloprůhledném černém pozadí (85% alfa).

Vypadají takto:

Le checkboxes

Všimněte si rozdílu mezi horními dvěma a spodními dvěma. Rozdíl je v tom, že spodní a pravý okraj je dostatečně lehký, aby dodal chladnému vnořenému vzhledu. Problém? Všechny kromě jednoho z nich jsou stejné barvy.

:(

Protože je to na průhledném pozadí, čáry se vašemu oku zdají jako světlejší nebo tmavší podle barvy za ním! Takže tento elegantní vložený vzhled přijde a odejde na základě toho, co je pod ním. Vždycky chci, aby tam byl úhledný pohled, jak to mohu udělat? Jsou pro to nějaké režimy prolnutí?

P.S. Zapomněl jsem zmínit, že se to nakonec projeví ve Flashi, takže se trochu bavím s režimy prolnutí a tak.

Edit: Udělal jsem další obrázek, abych lépe objasnil problém („příliš tmavý“ a „příliš jasný“ stále odkazuji na pravý a dolní okraj).

Another Example

6
Jonathan Dumaine

Můžete použít režim prolnutí obrazovky nebo barevného dodge. Nebo můžete použít čistě bílou barvu, ale nastavit průhlednost okrajové oblasti na procento, které chcete odlehčit. Bude to stejné jako při použití režimu prolnutí obrazovky se šedou barvou této jasnosti.

pravit:
Vnímaná svítivost je založena na barvě BG, proti které je barva FG pozadí - jak jste viděli na svých obrázcích. Právě se děje to, že zvýraznění zaškrtávacích políček je vykreslováno ve stejné barvě a odstínu bez ohledu na to, jaké je pozadí. Takže pokud je pozadí světlé, zvyšuje to jen mírně nebo vůbec žádný jas, ale pokud je pozadí tmavé, pak hodně zvyšuje jas. To dává zvýraznění nepřirozený/nekonzistentní vzhled.

Oprava spočívá v tom, že zvýraznění zvýrazní BG o X%, takže bude vždy o X% jasnější než sousední pixely. "Vnímaná" svítivost bude pak X%, bez ohledu na pozadí (pokud není pozadí příliš jasné, nebude možné zvýšit jas o plných X%).

2
Lèse majesté