Heim >Web-Frontend >CSS-Tutorial >Warum erzeugen gestapelte halbtransparente Kartons je nach Bestellung unterschiedliche Farben?
Reihenfolgeabhängigkeit der Farbe halbtransparenter Schachteln
Durch das Stapeln zweier halbtransparenter Schachteln unterschiedlicher Farbe würde man erwarten, das Gleiche zu erhalten Farbe unabhängig von der Stapelreihenfolge. Experimente zeigen jedoch ein überraschendes Phänomen: Die endgültige Farbe variiert je nach der Reihenfolge, in der die Kästchen angeordnet sind.
Die Farbillusion
Dieses Phänomen tritt aufgrund der Überlagerung auf aus zwei halbtransparenten Schichten beeinflusst die Farbwahrnehmung. Im ersten Fall, wenn das blaue Kästchen auf das rote Kästchen gelegt wird, ist die beobachtete Farbe ein gedämpftes Lila. Dies liegt daran, dass die Opazität des blauen Kästchens die Intensität der roten Farbe verringert, sodass nur 25 % ihrer Brillanz durchscheinen.
Wenn die Reihenfolge jedoch umgekehrt wird, ist die resultierende Farbe ein helleres Rosa. Dies liegt daran, dass die Deckkraft des roten Felds einen größeren Einfluss auf die blaue Farbe hat und deren Intensität auf 25 % reduziert, während 50 % der roten Farbe durchscheinen lässt.
Erzielung einer konsistenten Farbe
Um diese Reihenfolgeabhängigkeit zu beseitigen, muss sichergestellt werden, dass der Anteil jeder Farbe unabhängig von der Stapelreihenfolge konsistent bleibt. Dies kann durch Anpassen der Deckkraftstufen jeder Ebene erreicht werden.
Stellen Sie sich beispielsweise das folgende Szenario vor:
Unter dieser Anordnung ist der Anteil jedes einzelnen Die Farbe bleibt unabhängig von der Stapelreihenfolge bei 25 %. Wenn sich das blaue Kästchen oben befindet, ist die beobachtete Farbe hellviolett (25 % Blau, 75 % transparent). Wenn sich das rote Kästchen oben befindet, ist die beobachtete Farbe ebenfalls hellviolett (25 % Rot, 75 % transparent).
Das obige ist der detaillierte Inhalt vonWarum erzeugen gestapelte halbtransparente Kartons je nach Bestellung unterschiedliche Farben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!