Pourquoi les boîtes semi-transparentes empilées produisent-elles des couleurs différentes selon la commande ?

Dépendance de l'ordre de la couleur de la boîte semi-transparente

En empilant deux boîtes semi-transparentes de couleurs différentes, on s'attendrait à obtenir la même chose couleur quel que soit l’ordre d’empilement. Cependant, les expériences montrent un phénomène surprenant : la couleur finale varie en fonction de l'ordre dans lequel les cases sont disposées.

L'illusion des couleurs

Ce phénomène se produit car la superposition de deux couches semi-transparentes affecte la perception de la couleur. Dans le premier cas, lorsque la case bleue est placée au-dessus de la case rouge, la couleur observée est un violet atténué. En effet, l'opacité de la boîte bleue réduit l'intensité de la couleur rouge, ne laissant transparaître que 25 % de sa brillance.

Cependant, lorsque l'ordre est inversé, la couleur obtenue est un rose plus vif. En effet, l'opacité de la boîte rouge a un plus grand impact sur la couleur bleue, réduisant son intensité à 25 %, tout en laissant transparaître 50 % de la couleur rouge.

Obtenir une couleur cohérente

Pour éliminer cette dépendance à l'ordre, il est nécessaire de s'assurer que la proportion de chaque couleur reste cohérente, quel que soit l'ordre d'empilement. Ceci peut être réalisé en ajustant les niveaux d'opacité de chaque calque.

Par exemple, considérons le scénario suivant :

• Opacité du calque supérieur (boîte bleue) : 0,25
• Opacité de la couche inférieure (case rouge) : 0,333

Dans cet arrangement, la proportion de chaque couleur reste à 25 %, quel que soit l'ordre d'empilement. Lorsque la case bleue est au dessus, la couleur observée est un violet clair (25% bleu, 75% transparent). Lorsque la case rouge est en haut, la couleur observée est également un violet clair (25% rouge, 75% transparent).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!