Papers for

ui designers

Papers whose findings have a practical use for this group, as judged from the abstract. Open a paper to read what it means in practice.

Enhanced opacity improves contrast without changing source colors

Opacity Is Not Just Opacity

Abstract: Opacity is commonly understood as how much an object obscures its background, with full opacity as the endpoint. Yet alpha compositing scales the color difference between the object and its background, with transparency corresponding to contraction. At $α=1$, the output reaches the source color, but difference scaling need not stop there. We retain the compositing equation and extend the coefficient domain from $[0,1]$ to $[0,+\infty)$, adding expansion while preserving contraction. Each object carries a fixed source color and coefficient; the actual background determines the direction of enhancement. Contrast enhancement that adapts to the background thus becomes part of the object's compositing properties. The same graphical object can be reused across web contexts, reducing the design and maintenance of separate color variants. Implementation reuses the original equation without increasing the arithmetic operation count within the same pipeline. Across all 8-bit sRGB source colors and 16 predefined light and dark backgrounds, a fixed $α=1.1$ increases the contrast ratio in 99.8145% of combinations. It also moves 4.8346% of all combinations from below $3:1$ to at least $3:1$, meeting this contrast threshold without changing their source colors. Coefficient sweeps and background stress tests identify conditions under which clipping reduces color separation or the contrast ratio decreases. Output validation and timing across three browsers demonstrate implementation in a common WebGL pipeline, with no sustained runtime increase for $α>1$.

Mon 14 SeptGraphicsHuman-Computer Interaction
The gist
Opacity usually means how see-through an object is, with full opacity making it fully solid and hiding the background. The authors propose allowing opacity values to go beyond full solid to actually increase contrast between an object and its background by stretching color differences. This works by adjusting how the object's color blends with different backgrounds, making it stand out more without changing the original color. Their method can reuse the same object design across various backgrounds and works efficiently in web graphics without slowing down rendering.
Open 2609.14971v1