Heim > Web-Frontend > CSS-Tutorial > Warum erzeugen gestapelte halbtransparente Kartons je nach Bestellung unterschiedliche Farben?

Warum erzeugen gestapelte halbtransparente Kartons je nach Bestellung unterschiedliche Farben?

Susan Sarandon
Freigeben: 2024-12-04 07:30:19
Original
598 Leute haben es durchsucht

Why Do Stacked Semi-Transparent Boxes Produce Different Colors Depending on the Order?

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:

  • Deckkraft der obersten Ebene (blaues Kästchen): 0,25
  • Deckkraft der unteren Ebene (rotes Feld): 0,333

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage