Rumah > hujung hadapan web > tutorial css > Mengapa Kotak Separa Lutsinar Bertindan Menghasilkan Warna Berbeza Bergantung pada Pesanan?

Mengapa Kotak Separa Lutsinar Bertindan Menghasilkan Warna Berbeza Bergantung pada Pesanan?

Susan Sarandon
Lepaskan: 2024-12-04 07:30:19
asal
565 orang telah melayarinya

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

Ketergantungan Pesanan Warna Kotak Separuh Lutsinar

Dengan menyusun dua kotak separa lutsinar dengan warna yang berbeza, seseorang akan menjangkakan memperoleh yang sama warna tanpa mengira susunan susunan. Walau bagaimanapun, eksperimen menunjukkan fenomena yang mengejutkan: warna akhir berbeza-beza bergantung pada susunan kotak.

Ilusi Warna

Fenomena ini berlaku kerana superposisi daripada dua lapisan separa lutsinar mempengaruhi persepsi warna. Dalam kes pertama, apabila kotak biru diletakkan di atas kotak merah, warna yang diperhatikan adalah ungu yang disenyapkan. Ini kerana kelegapan kotak biru mengurangkan keamatan warna merah, membenarkan hanya 25% kecemerlangannya terserlah.

Namun, apabila tertib diterbalikkan, warna yang terhasil adalah merah jambu yang lebih cerah. Ini kerana kelegapan kotak merah mempunyai kesan yang lebih besar pada warna biru, mengurangkan keamatannya kepada 25%, sambil membenarkan 50% warna merah terpapar.

Mencapai Warna Konsisten

Untuk menghapuskan pergantungan pesanan ini, adalah perlu untuk memastikan perkadaran setiap warna kekal konsisten, tanpa mengira susunan pesanan. Ini boleh dicapai dengan melaraskan tahap kelegapan bagi setiap lapisan.

Sebagai contoh, pertimbangkan senario berikut:

  • Kelegapan lapisan atas (kotak biru): 0.25
  • Kelegapan lapisan bawah (kotak merah): 0.333

Di bawah susunan ini, perkadaran setiap warna kekal pada 25%, tanpa mengira susunan susunan. Apabila kotak biru berada di atas, warna yang diperhatikan ialah ungu muda (25% biru, 75% lutsinar). Apabila kotak merah berada di atas, warna yang diperhatikan juga adalah ungu muda (25% merah, 75% lutsinar).

Atas ialah kandungan terperinci Mengapa Kotak Separa Lutsinar Bertindan Menghasilkan Warna Berbeza Bergantung pada Pesanan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan