it-swarm.asia

Bagaimana cara mendapatkan warna "persepsi" yang konsisten pada BG transparan?

Saya di acar.

Saya harus membuat kontrol formulir (tombol, kotak centang, input teks, dll.) Pada latar belakang hitam semi transparan (85% alpha).

Seperti apa mereka sejauh ini:

Le checkboxes

Perhatikan perbedaan antara dua bagian atas dan dua bagian bawah. Perbedaannya adalah batas bawah dan kanan hanya cukup ringan untuk memberikan tampilan inset yang keren. Masalah? Semua kecuali satu dari perbatasan itu berwarna sama.

:(

Karena latar belakang transparan, garis-garis tampak oleh mata Anda lebih terang atau lebih gelap berdasarkan warna di belakangnya! Jadi, tampilan inset yang rapi akan datang dan pergi berdasarkan apa yang ada di bawahnya. Saya selalu ingin tampilan inset yang rapi ada di sana, bagaimana saya bisa melakukannya? Apakah ada trik mode campuran untuk ini?

P.S. Saya lupa menyebutkan bahwa ini pada akhirnya akan ditampilkan di Flash, jadi saya bisa bersenang-senang dengan mode campuran dan lainnya.

Edit: Saya membuat gambar lain untuk lebih memperjelas masalah ini (dengan 'terlalu gelap' dan 'terlalu terang' saya masih merujuk ke batas kanan dan bawah).

Another Example

6
Jonathan Dumaine

Anda dapat menggunakan mode blending layar atau warna. Atau, Anda bisa menggunakan warna putih murni tetapi mengatur transparansi area perbatasan untuk persentase yang Anda inginkan untuk meringankan. Ini akan sama dengan menggunakan mode pencampuran layar dengan warna abu-abu dari luminositas itu.

Edit:
Luminositas yang dirasakan didasarkan pada warna BG yang menjadi latar warna FG — seperti yang Anda lihat dalam gambar Anda. Saat ini apa yang terjadi adalah bahwa highlight kotak centang Anda diberikan dalam warna dan warna yang sama tidak peduli apa latar belakangnya. Jadi jika latar belakang cerah, itu hanya meningkatkan luminositas sedikit atau tidak sama sekali, tetapi jika latar belakang gelap, maka itu meningkatkan luminositas banyak. Ini memberi sorotan tampilan yang tidak alami/tidak konsisten.

Cara mengatasinya adalah membuat sorotan mencerahkan BG dengan X%, sehingga itu akan selalu menjadi X% lebih cerah dari piksel yang berdekatan. Luminositas "yang dipersepsikan" kemudian akan menjadi X%, terlepas dari latar belakangnya (kecuali latar belakangnya terlalu terang, maka itu tidak akan dapat meningkatkan kecerahan dengan X% penuh).

2
Lèse majesté